PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >jQuery特效 >jQuery可拖拽悬浮弹性菜单代码

jQuery可拖拽悬浮弹性菜单代码

2018-03-06 来源/作者:php中文网 分类:jQuery特效 «» 下载次数:24
jQuery可拖拽悬浮弹性菜单代码

jQuery可拖拽悬浮弹性菜单代码是一款jQuery利用css3属性制作网页悬浮的圆形弹性菜单,鼠标按住拖动菜单到任意位置功能。

<title>jQuery可拖拽悬浮弹性菜单代码 </title>
<link rel="stylesheet" href="css/asidenav.css?3.1.51">
</head>
<body style="background: black;">
<div>
    <svg width="0" height="0">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
                <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo"></feColorMatrix>
                <feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
            </filter>
        </defs>
    </svg>
    <div class="aside-nav bounceInUp animated" id="aside-nav">
        <label for="" class="aside-menu" title="按住拖动">菜单</label>

        <a href="javascript:void(0)" title="返回首页" class="menu-item menu-first">首页</a>
        <a href="javascript:void(0)" title="QQ咨询" class="menu-item menu-second">QQ</a>
        <a href="javascript:void(0)" title="一键预约" class="menu-item menu-third">预约</a>
        <a href="javascript:void(0)" title="微信公众号" class="menu-item menu-line menu-fourth">关注<br>微信</a> <!-- *跳到商家微信推广* -->
    </div>
</div> 



申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: