好友团

24小时服务电话

134-2860-6060

查看: 646|回复: 0

[图文教程] 海洋CMS模板增加迅雷下载通用教程,支持多组下载地址,华丽界面

[复制链接]
发表于 2017-8-26 20:13:51 | 显示全部楼层 |阅读模式
填写您的邮件地址,订阅我们的精彩内容:
[受理编号:SL-2597]
填写您的邮件地址,订阅我们的精彩内容:
海洋CMS模板增加迅雷下载通用教程,支持多组下载地址,华丽界面

最终效果展示:




第一步:下载附件的css和js文件,放在模板对应目录

第二步:在对应模板文件里引入js和css文件
代码如下:

  1. <link rel="stylesheet" type="text/css" href="/templets/6k/css/xunlei.css">
  2. <script src="/templets/6k/js/xunlei.js" type="text/javascript"></script>
复制代码
放在网页文件的</head>之前即可


第三步:在对应的模板文件里添加显示代码
示例代码如下:

  1. <div class="wrapper">
  2. {playpage:downlist}
  3. <div class="ui-box download-focus"><div class="ui-title"><span>迅雷下载观看</span><h2><strong>下载观看[downlist:i]</strong></h2></div><ul class="download-group fn-clear downurl"><script type="text/javascript">
  4.   var GvodUrls[downlist:i] = "[downlist:linkstr]";echoDown(GvodUrls[downlist:i],[downlist:i]);
  5.   </script>
  6. </ul><!-- // download-group end --><div class="download-footer"><div class="download-footer-group"><table><tbody><tr><td class="ckb ckall"><input type="checkbox"  name="checkall" id="allcheck[downlist:i]"/></td><td class="tit"><label id="s1p0" for="allxz">全选</label></td><td class="xlx"><a class="ui-button" href="javascript:;">迅雷下载选中文件</a></td><td class="sms"><p>迅雷下载和看看播放请先《<a href="http://dl.xunlei.com/" rel="nofollow" target="_blank">安装迅雷</a>》和《<a href="/faq/faq.html" target="_blank">查看使用帮助</a>》</p></td></tr></tbody></table></div></div><!-- // download-footer end --></div><!-- // download-focus end -->
  7. {/playpage:downlist}
  8. </div>
复制代码
需要根据自己模板实际情况进行调整修改,上面代码仅为示例。

第四步:后台添加一组或者多组下载资源,即可看到效果。


百度云附件:模板增加下载相关文件.zip   

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复
〖销售站〗一站式品质服务平台. 一体化商城系统.【www.xiaoshouzhan.com】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

销售站-一体化商城系统!
 
 
Q Q|技术部
销售|销售部
客服|销售站实体店
分流|销售站实体店
视频解析群:
好记吧
产品售后群:
站长源码(交易平台)
域名拍卖群:
域名拍卖群
产品维权群:
藤县站
微信客服中心:
/images/niwota00000000300.jpg
工作时间:
8:00-18:00
 
版权所有:好友团

QQ|关于我们|手机版|( 桂ICP备19008987号|网站地图  | Sponsor: Friends group