欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

jQuery左侧环形旋转按钮导航菜单源代码下载

程序员文章站 2022-02-16 11:57:31
...

本Demo是一个jQuery实现的左上角圆形菜单的展开与收缩的特效、是基于jQuery CSS3实现的动态折叠菜单、可在移动端使用、非常有感觉的一个动画效果、Css和js都已经封装成文件了、可直接引用、我做了一个GIF、先来围观一下动画吧

jQuery左侧环形旋转按钮导航菜单源代码下载


引入资源文件

<link href="css/style.css" type="text/css" rel="stylesheet">
<script src="js/jquery-1.8.0.min.js" ></script>
<script src="js/GS.js" type="text/javascript"></script>


Html代码

<div id="out">
    <div id="first"><a href="#"><img src="img/internet.png"></a></div>
    <div id="second"><a href="#"><img src="img/fax.png"></a></div>
    <div id="third"><a href="#"><img src="img/map.png"></a></div>
</div>
<div id="nav">
    <img src="img/home.png">
</div>


jquery 悬浮菜单源代码下载链接: jquery左侧悬浮导航 密码: 9i83