`

超棒的环形菜单效果jQuery插件 - mobilyblocks

阅读更多

在线演示

如果你厌倦了千篇一律的菜单效果的话,或者你想实现类似苹果手机上的环形菜单效果的话,试试这个jQuery插件吧 - mobilyblocks。

相关标签:导航菜单

使用非常简单,如下:

HTML

 

  1. <divclass="socials">
  2. <ulclass="reset">
  3. <li><ahref="#"><imgsrc="img/socials/delicious.png"alt="mobilyblocks"/></a></li>
  4. <li><ahref="#"><imgsrc="img/socials/digg.png"alt="mobilyblocks"/></a></li>
  5. <li><ahref="#"><imgsrc="img/socials/google.png"alt="mobilyblocks"/></a></li>
  6. <li><ahref="#"><imgsrc="img/socials/stumbleupon.png"alt="mobilyblocks"/></a></li>
  7. <li><ahref="#"><imgsrc="img/socials/technorati.png"alt="mobilyblocks"/></a></li>
  8. <li><ahref="#"><imgsrc="img/socials/twitter.png"alt="mobilyblocks"/></a></li>
  9. </ul>
  10. </div>

 

JS

 

  1. $('.special-list').mobilyblocks({
  2. direction:'counter',
  3. duration:450
  4. });

阅读全文:超棒的环形菜单效果jQuery插件 - mobilyblocks

分享到:
评论

相关推荐

    帮助你生成全屏视频背景的超棒jQuery插件 - BigVideo.js

    BigVideo.js是一款强大的jQuery插件,专为网页设计者提供全屏视频背景的功能。这款插件使得在网站设计中融入动态、引人入胜的视频背景成为可能,从而提升用户体验和视觉吸引力。以下是对BigVideo.js及其相关知识点的...

    另外一款超棒的响应式布局jQuery插件 – Freetile.js

    Freetile.js是一款优秀的jQuery插件,专为实现灵活、可自定义的响应式布局而设计。这款插件能够帮助开发者轻松地创建网格系统,使内容可以根据浏览器窗口大小自动调整布局。 Freetile.js的核心特性在于其动态适应性...

    推荐10个超棒的jQuery工具提示插件

    标题中的“推荐10个超棒的jQuery工具提示插件”指的是在网页开发中,使用jQuery库增强用户体验的一种常见方式,即通过插件实现工具提示的功能。工具提示通常用于显示额外的信息,当用户将鼠标悬停在某个元素上时,会...

    jQuery超棒动态表单验证效果.zip

    jQuery提供了丰富的API和插件,使得创建动态、交互性强的验证效果变得轻松易行。 首先,jQuery库允许开发者通过选择器快速定位DOM元素,然后绑定事件监听器来响应用户的输入。例如,我们可以监听表单的`submit`事件...

    效果超棒的Webgl模型-手袋

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的浏览器中进行三维图形渲染,无需插件支持。这个“效果超棒的Webgl模型-手袋”很可能是一个包含高质量3D模型的手袋展示项目,利用WebGL技术在网页上实现...

    效果超棒的Webgl模型-实木餐桌

    "效果超棒的Webgl模型-实木餐桌"标题表明我们讨论的是一个使用WebGL技术创建的实木餐桌的3D模型,它在网页上展示的效果非常出色。 在描述中虽然没有提供具体细节,但我们可以推测这个模型具有高度的逼真度,可能...

    效果超棒的Webgl模型-老式茶壶

    无需插件,用户只需一个现代的Web浏览器,就可以在网页上体验丰富的3D视觉效果。"效果超棒的Webgl模型-老式茶壶"这个项目,显然是一个展示高质量3D模型的实例,它利用WebGL技术将一个老式茶壶的三维模型呈现于网页之...

    效果超棒的Webgl模型-孙悟空

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的浏览器中进行三维图形渲染,无需插件支持。这个“效果超棒的Webgl模型-孙悟空”显然是一款利用WebGL技术制作的、以中国古典名著《西游记》中的主角...

    超棒的jquery上传插件Uploadify3.1中文详细参考手册

    Uploadify是一款基于JQuery的上传插件,能够实现高效且美观的文件上传功能。它为开发者提供了一个易于使用的API,使得集成文件上传功能变得简单便捷。对于初学者而言,Uploadify提供了详细的配置选项和事件,使得...

    效果超棒的Webgl模型-老式汽车

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中呈现交互式的2D和3D图形,而无需使用插件。这个名为“效果超棒的Webgl模型-老式汽车”的压缩包文件,显然包含了一个高质量的3D老式汽车模型...

    效果超棒的Webgl模型-两层公寓

    在这个名为“效果超棒的Webgl模型-两层公寓”的资源中,我们可能找到了一个精心设计的3D公寓模型,它利用WebGL技术在网页上展示了一个逼真的二层住宅空间。 WebGL的工作原理是通过JavaScript与GPU进行通信,绘制...

    效果超棒的Webgl模型-机甲战士

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的浏览器中实现三维图形渲染,无需插件支持。这个“效果超棒的Webgl模型-机甲战士”显然是一款使用WebGL技术创建的交互式3D模型,展示了机甲战士的形象。...

    效果超棒的Webgl模型-尤达大师

    "效果超棒的Webgl模型-尤达大师"这个主题,显然涉及到的是利用WebGL技术创建的高质量3D模型,尤达大师是源自《星球大战》中的虚构角色,具有很高的辨识度,因此这个模型可能是粉丝或专业设计师为了展示WebGL技术潜力...

    效果超棒的Webgl模型-老式照片机2

    无需插件,用户只需一个现代的Web浏览器,就可以在网页上体验丰富的3D视觉效果。"效果超棒的Webgl模型-老式照片机2"是一个利用WebGL技术制作的高质量3D模型,它呈现了一台复古的老式照片机,为网页添加了深度和真实...

    效果超棒的Webgl模型-手表2

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中呈现交互式的三维图形,无需插件。它使得开发者可以直接在网页上展示复杂的3D模型,如本压缩包中的"手表2"模型。这个模型是WebGL技术在产品...

    效果超棒的Webgl模型-人体牙齿

    在这个“效果超棒的Webgl模型-人体牙齿”压缩包中,很可能包含了一组高质量的3D牙齿模型,可用于教育、医疗或游戏开发等领域。 首先,我们要理解WebGL的工作原理。它利用硬件加速图形渲染,通过JavaScript调用...

    效果超棒的Webgl模型-帆船

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中呈现交互式的2D和3D图形,无需插件。它通过HTML5的canvas元素集成到网页中,允许开发者在网页上创建复杂的3D场景和应用。在这个“效果超棒...

    效果超棒的Webgl模型-一堆石头

    这个“效果超棒的Webgl模型-一堆石头”很可能包含了一组精心设计的3D模型,这些模型可能用于创建虚拟现实场景、游戏或者网页中的装饰元素。现在,让我们深入探讨WebGL和3D建模的相关知识点。 首先,WebGL是Web图形...

    效果超棒的Webgl模型-老式战斗机

    这个“效果超棒的Webgl模型-老式战斗机”显然是一款使用WebGL技术实现的交互式3D模型,展示了老旧战斗机的精细细节和动态效果。 在WebGL中,模型通常由一系列几何形状(如点、线和多边形)组成,并通过纹理、光照和...

    效果超棒的Webgl模型-手提包

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中呈现交互式的2D和3D图形,无需插件。它通过HTML5 Canvas元素与JavaScript结合,为网页提供了强大的图形处理能力。"效果超棒的WebGL模型-...

Global site tag (gtag.js) - Google Analytics