zoukankan      html  css  js  c++  java
  • jQuery Wheel 环形菜单插件5种效果演示

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

     在线预览

    下载地址

    实例代码

     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    <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>
     
    转载:http://www.cnblogs.com/niuboren/p/6120540.html
  • 相关阅读:
    vue-cli3 打包路径参数说明
    vuex使用map在module的模式下的写法
    普通的JS文件中使用vuex
    vue cli 3+ 版本的source map添加方法
    vue-cli的安装及版本查看/更新
    搭建一个vue项目
    无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
    Centos7开放及查看端口
    记录一次idae和maven设置的巨坑
    解决npm安装node-sass太慢及编译错误问题
  • 原文地址:https://www.cnblogs.com/wang1593840378/p/6124051.html
Copyright © 2011-2022 走看看