左侧客服跟随导航
左侧客服跟随导航
  • 扩展项目
  • 功能
  • 协助费用
  • 50
  • 编辑语言
  • js+html
  • 二开难度
  • 一般
  • 支持版本
  • 电脑模板
  • 技术QQ
  • 28977233
协助费用50元
技术咨询
磁云互联

技术员负责人

售前及售后服务咨询,商务合作私人定制服务,其他技术支持服务!
向讲师提问:QQ交谈

手机游戏网站左侧客服跟随导航

[复制链接]
磁铁网络授权认证 发表于 2021-9-11 09:54:52 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
第一步:下载素材包,解压里面的文件夹到网站根目录
请点击此处下载

查看状态:需购买或无权限

您的用户组是:游客

文件名称:素材包.zip 
下载次数:1  文件大小:41.44 KB 
下载权限: 不限 以上  [点击充值金币]  [签到领取金币]



第二步:进入后台,点击模板编辑 修改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(){

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

  12. //回到顶部
  13. function goTop(){
  14.         $('html,body').animate({'scrollTop':0},600);
  15. }
  16. </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>
复制代码


把你的相关链接及文字替换成你想要的 保存即可
回复

使用道具 举报

精彩评论12

蓝色de缘分 发表于 2021-10-22 04:11:31 | 显示全部楼层
谢谢楼主,,,收藏ing
回复

使用道具 举报

charlie814 发表于 2021-12-1 22:28:09 | 显示全部楼层
赞一个!
回复

使用道具 举报

falaso 发表于 2021-12-3 23:02:24 | 显示全部楼层
很给力。。。。很喜欢
回复

使用道具 举报

2125326 发表于 2021-12-5 23:36:38 | 显示全部楼层
抢楼了,前排第一次啊
回复

使用道具 举报

给我闪 发表于 2021-12-6 10:51:05 | 显示全部楼层
支持!!!!前排!!!!
回复

使用道具 举报

ASUKI 发表于 2021-12-6 22:05:32 | 显示全部楼层
感觉不错
回复

使用道具 举报

跳舞の芒果 发表于 2021-12-7 03:43:34 | 显示全部楼层
谢谢楼主,,,收藏ing
回复

使用道具 举报

vooper 发表于 2021-12-7 09:21:36 | 显示全部楼层
支持一下,期待更多东西
回复

使用道具 举报

jansie1314 发表于 2021-12-7 17:33:49 | 显示全部楼层
支持你们一下下哈
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝0

帖子156

发布主题
专注手游推广建站!
全国免费热线电话

18990551016

周一至周日9:00-23:00

反馈建议

www@xoooi.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4 Licensed© 2001-2013 Comsenz Inc.( 蜀ICP备17029717号-1 )