jQuery Wheel 环形菜单插件5种效果演示

时间:2021-11-03 18:00:17

很酷的菜单-jQuery Wheel 环形菜单插件5种效果演示
jQuery Wheel 环形菜单插件5种效果演示
在线预览

下载地址

实例代码

 <div class="container">
<!-- Top Navi -->
<div class="header">
<h1>jQuery Wheel 环形菜单插件 Demo 1: Default Settings</h1>
</div>
<div class="menu">
<a class="active" href="index.html">Demo 1</a>
<a href="index2.html">Demo 2</a>
<a href="index3.html">Demo 3</a>
<a href="index4.html">Demo 4</a>
<a href="index5.html">Demo 5</a>
</div>
<div class="main">
<a href="#wheel" class="wheel-button">
<i class="customicon-plus"></i>
</a>
<div class="pointer">Click me</div>
<ul id="wheel">
<li class="item"><a href="#home"><i class="customicon-home"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-music"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-video"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-heart"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-user"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-trash"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-envelope"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-camera"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-picture"></i></a></li>
<li class="item"><a href="#home"><i class="customicon-eye-open"></i></a></li>
</ul>
</div>
</div><!-- Container -->
<script type="text/javascript">
$(".wheel-button").wheelmenu();
</script>

  

jQuery Wheel 环形菜单插件5种效果演示的更多相关文章

  1. jQuery自定义漂亮的下拉框插件8种效果演示

    原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示 在线预览 下载地址 实例代码 <!DOCTYPE html> <html lang="en&q ...

  2. jQuery下拉框插件8种效果

    jQuery自定义漂亮的下拉框插件8种效果 jquery美化选择器实例有:边框.下划线. 伸缩 .滑动. 覆盖. 旋转. 弹出层选择 .环形效果. 在线预览 <body class=" ...

  3. jQuery超酷下拉插件6种效果演示

    原始的下拉框很丑啦, 给大家一款jQuery超酷下拉插件6种效果 效果预览 下载地址 实例代码 <div class="container"> <section ...

  4. jQuery瀑布流从不同方向加载3种效果演示

    很实用的一款插件jQuery瀑布流从不同方向加载3种效果演示在线预览 下载地址 实例代码 <section class="grid-wrap"> <ul clas ...

  5. jQuery自定义漂亮的下拉框插件8种效果

    jquery美化选择器实例有:边框.下划线. 伸缩 .滑动. 覆盖. 旋转. 弹出层选择 .环形效果. 在线预览 实例代码 <body class="demo-1"> ...

  6. jQuery仪表盘指示器动画插件 6种仪表样式

    土豆网同步更新:http://www.tudou.com/plcover/VHNh6ZopQ4E/   使用HTML 创建Mac OS App 视频教程. 官方QQ群: (1)App实践出真知 434 ...

  7. jQuery下拉菜单插件Tendina&period;

    插件效果: 下载地址和文档: https://github.com/iprignano/tendina

  8. jQuery 树型菜单插件&lpar;Treeview&rpar;

    jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单.试用于一些菜单的导航,支持基于 cookie 的持久性菜单

  9. 适合移动手机使用的js环形菜单特效插件

    blooming-menu是一款适合在移动手机上使用的js环形菜单插件.该环形菜单提供了众多的參数,通过结合CSS3动画制作出效果很炫酷的圆形菜单展开和隐藏动画效果. 以下是这个圆形菜单菜价的可用參数 ...

随机推荐

  1. OOD原则汇总

    头五项原则是关于类设计的,它们是: ◆ SRP,单一职责原则,一个类应该有且只有一个改变的理由. ◆ OCP,开放封闭原则,你应该能够不用修改原有类就能扩展一个类的行为. ◆ LSP,Liskov替换 ...

  2. Android中GC&lowbar;EXTERNAL&lowbar;ALLOC的含义

    GC_FOR_MALLOC means that the GC was triggered because there wasn't enough memory left on the heap to ...

  3. 二维码zxing源码分析(四)wifi部分

    前三个部分的地址是:ZXING源码分析(一)CAMERA部分  . zxing源码分析(二)decode部分.zxing源码分析(三)result.history部分 前面三篇文章基本上已经把zxin ...

  4. JSON格式转换成XML格式

    第一种方法: 需要使用命名空间System.Runtime.Serialization.Json 下面有JsonReaderWriterFactory XmlDictionaryReader read ...

  5. vim高亮显示

    在当期用户的主目录下创建文件.vimrc,打开编辑内容(~/.vimrc): filetype on syntax on

  6. fastboot完成自己主动命令

    于Ubuntu13.10后来Ubuntu 14.04上,由APT安装fastboot以及adb该工具后, 发现fastboot在主动补充一个问题,, fastboot flash 自己主动有问题完成后 ...

  7. php soap调用asp&period;net webservice

    原文:php soap调用asp.net webservice 首先做一下准备工作,找到安装环境里的php.ini把;extension=php_soap.dll去掉前面的;.我这里使用的是wamp, ...

  8. 文件描述符与FILE

    1. 文件描述符(重点) 在Linux系统中一切皆可以看成是文件,文件又可分为:普通文件.目录文件.链接文件和设备文件.文件描述符(file descriptor)是内核为了高效管理已被打开的文件所创 ...

  9. 使用Python读写csv文件的三种方法

    Python读写csv文件 觉得有用的话,欢迎一起讨论相互学习~Follow Me 前言 逗号分隔值(Comma-Separated Values,CSV,有时也称为字符分隔值,因为分隔字符也可以不是 ...

  10. 本学期C&num;学习个人总结

    本学期C#的学习结束了,我在这里作一下总结.我还记得陈老师在第一节课上说过,学任何东西,都要学结构,否则你不会学好.当我听到这句话的时候,没有放在心上,可是随着C#学习的不断深入,我越来越发现许多知识 ...