磁云互联

标题: 手机游戏网站左侧客服跟随导航 [打印本页]
作者: 磁铁网络    时间: 2021-9-11 09:54
标题: 手机游戏网站左侧客服跟随导航
第一步：下载素材包，解压里面的文件夹到网站根目录
(, 下载次数: 2)

第二步：进入后台，点击模板编辑 修改index.html ）首页文件
</head>上方加入以下代码
  1. <link rel="stylesheet" href="../../css/style.css" type="text/css">
  2. <script src="../../js/jquery-2.0.3.min.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4. $(document).ready(function(){

  6.         $(".side ul li").hover(function(){
  7.                 $(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#ae1c1c"})        
  8.         },function(){
  9.                 $(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})        
  10.         });
  11.         
  12. });

  14. //回到顶部
  15. function goTop(){
  16.         $('html,body').animate({'scrollTop':0},600);
  17. }
  18. </script>
复制代码


<body>下方加入以下代码
  1. <div class="side">
  2.   <ul>
  3.     <li><a href="游戏中心链接">
  4.       <div class="sidebox" style="width: 54px; opacity: 0.8; background: rgb(0, 0, 0);"><img src="../../images/side_icon01.png">游戏中心</div>
  5.       </a></li>
  6.     <li><a href="游戏资讯链接">
  7.       <div class="sidebox" style="width: 54px; opacity: 0.8; background: rgb(0, 0, 0);"><img src="../../images/side_icon02.png">游戏资讯</div>
  8.       </a></li>
  9.     <li><a href="QQ链接">
  10.       <div class="sidebox" style="width: 54px; opacity: 0.8; background: rgb(0, 0, 0);"><img src="../..images/side_icon04.png">QQ客服</div>
  11.       </a></li>
  12.     <li><a href="微博链接">
  13.       <div class="sidebox" style="width: 54px; opacity: 0.8; background: rgb(0, 0, 0);"><img src="../../images/side_icon03.png">新浪微博</div>
  14.       </a></li>
  15.     <li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="../../images/side_icon05.png"></a></li>
  16.   </ul>
  17. </div>
复制代码


把你的相关链接及文字替换成你想要的 保存即可
作者: 蓝色de缘分    时间: 2021-10-22 04:11
谢谢楼主，，，收藏ing
作者: charlie814    时间: 2021-12-1 22:28
赞一个!
作者: falaso    时间: 2021-12-3 23:02
很给力。。。。很喜欢
作者: 2125326    时间: 2021-12-5 23:36
抢楼了，前排第一次啊
作者: 给我闪    时间: 2021-12-6 10:51
支持！！！！前排！！！！
作者: ASUKI    时间: 2021-12-6 22:05
感觉不错
作者: 跳舞の芒果    时间: 2021-12-7 03:43
谢谢楼主，，，收藏ing
作者: vooper    时间: 2021-12-7 09:21
支持一下，期待更多东西
作者: jansie1314    时间: 2021-12-7 17:33
支持你们一下下哈
作者: jansie1314    时间: 2021-12-8 01:46
学习了，这就去试试
作者: 北京户外    时间: 2021-12-8 12:03
我表示压力很大
作者: cy4080    时间: 2021-12-8 22:21
抢楼了，前排第一次啊



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