磁云互联

标题: 游戏网站电脑版右侧动态菜单导航 [打印本页]
作者: 磁铁网络    时间: 2021-9-25 01:03
标题: 游戏网站电脑版右侧动态菜单导航
(, 下载次数: 215)
安装方法：
1·下载素材包，解压上传网站根本目录
(, 下载次数: 0)
2·进入后台 - 点击模板编辑 -找到指定页面文件，点击修改
加入一下代码
css+js样式调用代码：
代码添加至</head>上方
  1. <link rel="stylesheet" href="../../css/asidenav.css">
  2. <script type="text/javascript" src="../../js/jquery.min.js"></script>
  3. <script type="text/javascript" src="../../js/asidenav.js"></script>
复制代码
html调用代码
  1. <div>
  2.     <svg width="0" height="0">
  3.         <defs>
  4.             <filter id="goo">
  5.                 <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
  6.                 <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>
  7.                 <feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
  8.             </filter>
  9.         </defs>
  10.     </svg>
  11.     <div class="aside-nav bounceInUp animated" id="aside-nav">
  12.         <label for="" class="aside-menu" title="按住拖动">菜单</label>

  14.         <a href="javascript:void(0)" title="返回首页" class="menu-item menu-first">首页</a>
  15.         <a href="javascript:void(0)" title="QQ咨询" class="menu-item menu-second">QQ</a>
  16.         <a href="javascript:void(0)" title="一键预约" class="menu-item menu-third">预约</a>
  17.         <a href="javascript:void(0)" title="微信公众号" class="menu-item menu-line menu-fourth">关注<br>微信</a>
  18.     </div>
  19. </div>   
复制代码
代码添加以后记得保存
如添加代码如有不兼容，可以联系技术员付费协助
作者: bYELKsOv    时间: 2021-10-30 17:57
支持！！！！！！
作者: AgKDjFcG    时间: 2021-12-5 10:51
赞一个!
作者: LThhVopG    时间: 2021-12-5 22:35
抢楼了，前排第一次啊
作者: fu5502    时间: 2021-12-6 10:18
赞一个!
作者: jackalwolf    时间: 2021-12-6 19:41
支持，赞
作者: eUzWWhFM    时间: 2021-12-7 05:05
抢楼了，前排第一次啊
作者: hj43j2h234jh    时间: 2021-12-7 14:53
感谢您的无私精神...
作者: 6363    时间: 2021-12-8 00:40
藕是来打酱油滴...
作者: 微连界客服    时间: 2021-12-8 11:19
支持！！！！！！
作者: 露西iwfrvhfm    时间: 2021-12-8 21:57
感谢您的无私精神...



欢迎光临 磁云互联 (https://www.xoooi.com/) Powered by Discuz! X3.4