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

超棒的环形菜单效果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

相关推荐