底部盒子下载浮动按钮,支持关闭隐藏
底部盒子下载浮动按钮,支持关闭隐藏
  • 扩展项目
  • 功能
  • 协助费用
  • 80
  • 编辑语言
  • js+html
  • 二开难度
  • 一般
  • 支持版本
  • 手机模板
  • 技术QQ
  • 28977233
协助费用80元
技术咨询
磁云互联

技术员负责人

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

手游网站底部盒子下载浮动按钮,支持关闭隐藏

[复制链接]
磁铁网络授权认证 发表于 2021-9-22 01:40:08 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
第一步:下载素材包,解压上传到网站根目录
请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

文件名称:素材包.zip 
下载次数:8  文件大小:31.92 KB  售价:10金币 [记录]
下载权限: 不限 以上  [点击充值金币]  [签到领取金币]



第二步:进入后台 - 模板编辑 - 手机模板编辑 - 修改对应模板文件
将一下代码添加到对应文件最底部
css调用代码:
  1. .cbg_div {height:56px;}
  2. .cbg{z-index: 9999}
  3. .cbg div{z-index: 9999}
  4. .cbg .ben_fixed{
  5.     position:fixed;
  6.     bottom:0; left:0;
  7.     width:100%;
  8.     height:56px;
  9.     background:black;
  10.     opacity: 0.65;
  11. }
  12. .cbg .ben_fixed_cent{
  13.     position:fixed;
  14.     bottom:0; left:0;
  15.     width:100%;
  16.     height:56px;
  17.     line-height:18px;
  18.     color:#FFF;
  19.     overflow:hidden;
  20. }
  21. .cbg .ben_fixed_cent table{font-size:14px;}
  22. .cbg .ben_fixed_cent a{color:#FFF; display:inline-block; background:#09c915; border-radius:3px; line-height:26px; padding:0px 8px;}
  23. .cbg .ben_fixed_cent span.x{font-size:10px;}
复制代码


html调用代码:
  1. <script type="text/javascript" src="../../js/jquery-1.11.3.min.js"></script>
  2. <script>
  3.         function close_clent(){
  4.             $('.cbg').hide();
  5.             $('.cbg_div').remove();
  6.         }
  7. </script>
  8. <div class="cbg">
  9.     <div class="ben_fixed"></div>
  10.     <div class="ben_fixed_cent">
  11.         <table width="99%" height="56" border="0" cellspacing="0" cellpadding="0">
  12.             <tbody>
  13.                 <tr>
  14.                     <td width="52" align="center" scope="col" >
  15.                         <span class="l">
  16.                         <img src="https://bbs.6x66.cn/xiazai/img/logo.png" width="42" height="42" alt="仙游阁福利手游盒子!" title="仙游阁福利手游盒子!"></span>
  17.                     </td>
  18.                     <td style="color: #FFF;" align="left" valign="middle"  scope="col">仙游阁福利手游盒子!</td>
  19.                     <td width="80" align="center" scope="col"><a href="下载地址">立即下载</a></td>
  20.                     <td width="20" align="right" valign="top" scope="col"><span style="color: #FFF;" class="x" onclick="close_clent()">X</span></td>
  21.                 </tr>
  22.             </tbody>
  23.         </table>
  24.     </div>
  25. </div>
复制代码


添加后,记得保存
该样式不兼容所以模板,有的页面会出现字体或者图片大小变化
原因是有的模板css样式文件有冲突
如果有不兼容的问题,可以付费联系我们进行添加修复



如果调用出现字体大小不合适,可以尝试顶部调用代码
  1. <meta content="initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
复制代码


回复

使用道具 举报

精彩评论12

shichg123 发表于 2021-10-28 23:24:31 | 显示全部楼层
谢谢楼主,,,收藏ing
回复

使用道具 举报

LANLAN88 发表于 2021-12-4 21:08:54 | 显示全部楼层
顶起  很好的帖
回复

使用道具 举报

liyong470 发表于 2021-12-5 10:53:33 | 显示全部楼层
支持!!!!!!
回复

使用道具 举报

fanfan_880331 发表于 2021-12-6 00:38:12 | 显示全部楼层
支持,赞
回复

使用道具 举报

iabajofbwe 发表于 2021-12-6 11:23:41 | 显示全部楼层
学习了!!!!
回复

使用道具 举报

ejinjing 发表于 2021-12-6 22:09:10 | 显示全部楼层
支持,赞
回复

使用道具 举报

snk1012 发表于 2021-12-7 11:08:45 | 显示全部楼层
嘻嘻不错支持一个
回复

使用道具 举报

zhoujingli 发表于 2021-12-8 00:08:20 | 显示全部楼层
学习一下!十分感谢
回复

使用道具 举报

luovb 发表于 2021-12-8 03:36:32 | 显示全部楼层
期待中......
回复

使用道具 举报

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

本版积分规则

关注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 )