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

gbin1 发布于 2013/11/15 17:30
阅读 932
收藏 0

在线演示

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

相关标签:导航菜单

使用非常简单,如下:

HTML

 
 
  1. <div class="socials">
  2. <ul class="reset">
  3. <li><a href="#"><img src="img/socials/delicious.png" alt="mobilyblocks"/></a></li>
  4. <li><a href="#"><img src="img/socials/digg.png" alt="mobilyblocks"/></a></li>
  5. <li><a href="#"><img src="img/socials/google.png" alt="mobilyblocks"/></a></li>
  6. <li><a href="#"><img src="img/socials/stumbleupon.png" alt="mobilyblocks"/></a></li>
  7. <li><a href="#"><img src="img/socials/technorati.png" alt="mobilyblocks"/></a></li>
  8. <li><a href="#"><img src="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

加载中
返回顶部
顶部