搜索

模板增加迅雷下载通用教程,支持多组下载地址,华丽界面

  [复制链接]
admin 发表于 2015-7-3 10:29:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

x
模板里增加下载地址通用教程,支持多组下载地址

最终效果展示:
QQ截图20150703102654.jpg


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

第二步:在对应模板文件里引入js和css文件
代码如下:
<link rel="stylesheet" type="text/css" href="/templets/6k/css/xunlei.css">
<script src="/templets/6k/js/xunlei.js" type="text/javascript"></script>

放在网页文件的</head>之前即可

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

<div class="wrapper">
{playpage:downlist}
<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">
  var GvodUrls[downlist:i] = "[downlist:linkstr]";echoDown(GvodUrls[downlist:i],[downlist:i]);
  </script>
</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 -->
{/playpage:downlist}
</div>


需要根据自己模板实际情况进行调整修改,上面代码仅为示例。

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

模板增加下载相关文件.zip (47.31 KB, 下载次数: 2426)
秀才6666 发表于 2015-7-3 10:33:38 | 显示全部楼层
zenme xiazia
回复

使用道具 举报

 楼主| admin 发表于 2015-7-3 10:35:19 | 显示全部楼层

已上传附件
回复

使用道具 举报

shanling360 发表于 2015-7-7 16:49:21 | 显示全部楼层
模板中的对应文件一般是哪个网页?
回复

使用道具 举报

272009753 发表于 2015-7-18 00:21:34 | 显示全部楼层
试一下。看能用不
回复

使用道具 举报

yeye.tv 发表于 2015-7-18 00:54:56 | 显示全部楼层
默认模板  是不是 已经 集成了?
回复

使用道具 举报

 楼主| admin 发表于 2015-7-18 23:32:05 | 显示全部楼层
yeye.tv 发表于 2015-7-18 00:54
默认模板  是不是 已经 集成了?

是的
回复

使用道具 举报

ironcoor 发表于 2015-7-21 23:20:36 | 显示全部楼层
感谢分享  感谢分享  感谢分享  
回复

使用道具 举报

yiyang 发表于 2015-7-22 15:09:19 | 显示全部楼层
感谢分享
回复

使用道具 举报

qqqwww 发表于 2015-7-25 22:07:56 | 显示全部楼层

感谢分享  感谢分享  感谢分享
回复

使用道具 举报

西瓜剧 发表于 2015-7-29 18:51:59 | 显示全部楼层
点迅雷下载直接弹出安装迅雷,但是电脑已经安装好迅雷了。为什么呢
回复

使用道具 举报

dyxz 发表于 2015-8-2 22:48:28 | 显示全部楼层
学习了  顺便下载下来!~~~
回复

使用道具 举报

paopaoyu 发表于 2015-8-3 12:39:32 | 显示全部楼层

感谢分享  感谢分享  感谢分享  
回复

使用道具 举报

skymaster 发表于 2015-8-6 01:08:02 | 显示全部楼层
很不错                                            
回复

使用道具 举报

一起瞧 发表于 2015-8-6 14:54:39 | 显示全部楼层
支持!!!
回复

使用道具 举报

qqqwww 发表于 2015-8-6 22:45:33 | 显示全部楼层
试一下。看能用不
回复

使用道具 举报

zirek 发表于 2015-8-11 16:37:19 | 显示全部楼层

感谢分享  感谢分享  感谢分享
回复

使用道具 举报

大海啊你全是水 发表于 2015-9-5 11:49:36 | 显示全部楼层
能发一个完整修改过的模板么?
自己添加错误很多。
回复

使用道具 举报

muyaren 发表于 2015-9-14 16:14:42 | 显示全部楼层
感谢分享  感谢分享  感谢分享  
回复

使用道具 举报

muyaren 发表于 2015-9-14 16:15:40 | 显示全部楼层
感谢分享  感谢分享  感谢分享  s
回复

使用道具 举报

匿名  发表于 2015-9-20 19:10:58
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
回复

使用道具

smking 发表于 2015-9-22 17:16:22 | 显示全部楼层
wow 感谢分享,后面的新人都可以用到如此方便的模版,真是谢谢大大。
回复

使用道具 举报

wanglong126 发表于 2015-9-30 10:27:32 | 显示全部楼层
很不错的模板,来点个赞
回复

使用道具 举报

wanglong126 发表于 2015-9-30 11:49:02 | 显示全部楼层
管理大大,您的这个示例模板代码没有实现全选和下载选中文件

修改后的html代码为
  1. {playpage:downlist}
  2. <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">
  3. <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"  onclick="CheckAll([downlist:i])" 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:;" onclick="zhongxz([downlist:i])">迅雷下载选中文件</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}
复制代码
回复

使用道具 举报

tjtghq 发表于 2015-10-5 09:15:07 | 显示全部楼层
给力!!!!!!!!!!!!!!!!!!!!!!!!!!
回复

使用道具 举报

小黑屋|海洋CMS

GMT+8, 2019-1-20 22:16 , Processed in 0.144259 second(s), 35 queries .

Powered by SeaCMS!

© 2015-2018 seacms.net.

快速回复 返回顶部 返回列表