本文主要是介绍超棒的环形菜单效果jQuery插件 - mobilyblocks,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在线演示
如果你厌倦了千篇一律的菜单效果的话,或者你想实现类似苹果手机上的环形菜单效果的话,试试这个jQuery插件吧 - mobilyblocks。
相关标签:导航菜单
使用非常简单,如下:
HTML
- <divclass="socials">
- <ulclass="reset">
- <li><ahref="#"><imgsrc="img/socials/delicious.png"alt="mobilyblocks"/></a></li>
- <li><ahref="#"><imgsrc="img/socials/digg.png"alt="mobilyblocks"/></a></li>
- <li><ahref="#"><imgsrc="img/socials/google.png"alt="mobilyblocks"/></a></li>
- <li><ahref="#"><imgsrc="img/socials/stumbleupon.png"alt="mobilyblocks"/></a></li>
- <li><ahref="#"><imgsrc="img/socials/technorati.png"alt="mobilyblocks"/></a></li>
- <li><ahref="#"><imgsrc="img/socials/twitter.png"alt="mobilyblocks"/></a></li>
- </ul>
- </div>
JS
- $('.special-list').mobilyblocks({
- direction:'counter',
- duration:450
- });
阅读全文:超棒的环形菜单效果jQuery插件 - mobilyblocks
这篇关于超棒的环形菜单效果jQuery插件 - mobilyblocks的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!