免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
热搜:
发布主题 联系我们 官方QQ群 这是一个自定义按钮
返回列表 发帖
[论坛插件] 首页添加帖子也板块内容代码插件| 3054 0
欢迎光临0930的QQ空间QQ查看详细资料

昵称:0930

个人空间 发短消息 加为好友 只看该作者
经验: 21级 已经发了8152
篇文章咯快21级咯已经发了8152 篇文章咯快21级咯
楼主

发表于 2018-11-16 22:26

头衔:管理员

Rank: 9Rank: 9Rank: 9

歌曲: 心安理得
  • ID:1
  • 精华: 19
  • 积分:2308
  • 帖子:Array [posts]
  • 威望:2308
  • 元宝:94
  • 积极:0
  • 贡献:0
  • 魅力:2308
  • 活跃:94
  • 沙发:0
  • SoQ币:0
  • 阅读权限:200
  • 注册:2018-3-22
  • 失踪: 1613天
  • 在线:共541小时
131415161713Medal No.1Medal No.10Medal No.9Medal No.8Medal No.7Medal No.6Medal No.5Medal No.4Medal No.3Medal No.2123456789101112

TIM截图20181119225427.png
2018-11-19 23:00


[hide]1、现在后台建立若干个“主题附件”数据调用。有几个音乐板块就建立几个。我示范的建立了两个,如图:
181115232631dd905373e724a9.jpg
2018-11-16 22:18

代码内容是:
  1. <li>
  2. <a target="_blank" title="{author}" href="{link}">{subject}</a>
  3. <span class="icon_tools fl" type="song">
  4. <a href="javascript:void(0)" onclick="playMP3(this)" url="{url}" class="icon_play" title="试听"></a>
  5. </span>
  6. </li>
复制
2、每个数据调用只对应一个板块!!!如图:
1811152327333c4fdaea0cbaca.jpg
2018-11-16 22:19

18111523270ca52047f61a87ee.jpg
2018-11-16 22:20

181115232905b490427b74eeaf.jpg
2018-11-16 22:21

4、新建一个模板命名为music_js,内容是
  1. var audio =document.createElement("AUDIO");
  2. var publicObj= "";//全局点击对象
  3. function playMP3(obj){
  4.         var url = $jq(obj).attr("url");
  5.       var randNum = generateMixed(12)+"";
  6.         if(audio.paused&&$jq(obj).attr("class")=="icon_play"){
  7.                 publicObj = obj;
  8.         audio.src=url+"?msisdn="+randNum;
  9.                 audio.play();
  10.                 $jq(obj).attr("class","icon_stop");
  11.         }else if (!audio.paused&&$jq(obj).attr("class")=="icon_play"){
  12.                 audio.pause();
  13.                 audio.src=url;
  14.                 audio.play();
  15.                 $jq(publicObj).attr("class","icon_play");
  16.                 $jq(obj).attr("class","icon_stop");
  17.                 publicObj = obj;
  18.         }else{
  19.                 audio.pause();
  20.                 $jq(obj).attr("class","icon_play");
  21.         }
  22. }

  23. function RndNum(n){
  24. var rnd="";
  25. for(var i=0;i<n;i++)
  26. rnd+=Math.floor(Math.random()*10);
  27. return rnd;
  28. }

  29. var chars = ['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','m','n','p','q','r','s','t','u','v','w','x','y','z'];

  30. function generateMixed(n) {
  31.      var res = "";
  32.      for(var i = 0; i < n ; i ++) {
  33.          var id = Math.ceil(Math.random()*35);
  34.          res += chars[id];
  35.      }
  36.      return res;
  37. }
复制
5、打开discuz模板找到
  1. <!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}-->
复制
在上边加
  1. <div id="mp3_box">
  2. <div class="mp3_box_name">
  3. <h2><a>MP3试听</a></h2>
  4. </div>
  5. <div class="mp3_liea">
  6. <dt><strong>最新音乐</strong> <a class="more" href="/music/">更多...</a></dt>
  7. <ul>
  8. {eval request('论坛主页_MP3试听');}
  9. </ul>
  10. </div>
  11. <div class="mp3_lie">
  12. <dt><strong>热门音乐</strong> <a class="more" href="/music/">更多...</a></dt>
  13. <ul>
  14. {eval request('论坛主页_MP3试听B');}
  15. </ul>
  16. </div>
  17. <div class="mp3_lie">
  18. <dt><strong>推荐音乐</strong> <a class="more" href="/music/">更多...</a></dt>
  19. <ul>
  20. {eval request('论坛主页_MP3试听C');}
  21. </ul>
  22. </div>
  23. <div class="mp3_lie">
  24. <dt><strong>外链音乐</strong> <a class="more" href="/music/">更多...</a></dt>
  25. <ul>
  26. {eval request('主题列表_78Q');}
  27. </ul>
  28. </div>
  29. </div>
  30. <style>
  31. #mp3_box {width: 100%;height: 390px;}
  32. .mp3_box_name {padding: 0 10px;height: 31px;border-bottom: 1px solid #e2e2e2;line-height: 31px;white-space: nowrap;overflow: hidden;}
  33. .mp3_box_name h2 {padding-left: 10px;}
  34. .mp3_box_name h2 a{color: #2B91E3;font-size: 16px;}
  35. .mp3_liea {
  36.     height: auto;
  37.     min-height: 330px;
  38.     border: solid #DDDDDD;
  39.     border-width: 1px;
  40.     background: #fff;
  41.     width: 228px;
  42.     margin: 15px 10px 5px 15px;
  43.     float: left;
  44. }
  45. .mp3_lie {
  46.     height: auto;
  47.     min-height: 330px;
  48.     border: solid #DDDDDD;
  49.     border-width: 1px;
  50.     background: #fff;
  51.     width: 228px;
  52.     margin: 15px 10px 5px 5px;
  53.     float: left;
  54. }
  55. .mp3_lie dt,.mp3_liea dt {
  56. width: 230px;height: 25px;border-bottom: 1px solid #e2e2e2;
  57. }
  58. .mp3_lie strong,.mp3_liea strong {
  59. line-height: 25px;padding-left: 8px;
  60. }
  61. .mp3_lie .more,.mp3_liea .more {
  62. line-height: 25px;padding-right: 8px;float: right;
  63. }
  64. .mp3_liea ul, .mp3_lie ul {
  65.     padding-left: 9px;
  66.     background: url(http://icode.258club.com/attachments/month_1811/1811172137053dcbd9d78163a2.gif) no-repeat 4px 9px;
  67. }
  68. .mp3_liea ul li, .mp3_lie ul li {
  69.     padding-right: 20px;
  70.     position: relative;
  71.     clear: both;
  72.     overflow: hidden;
  73.     text-overflow: ellipsis;
  74.     white-space: nowrap;
  75.     padding-left: 18px;
  76.     margin-right: 5px;
  77.     height: 30px;
  78.     line-height: 29px;
  79.     background: url(http://icode.258club.com/attachments/month_1808/18082421359dfdb56a728f9d69.gif) repeat-x left bottom;
  80. }
  81. .mp3_liea ul li span,.mp3_lie ul li span {position: absolute;right: 0px;float: right!important;}
  82. .icon_tools .icon_play {width: 16px;background-position: -80px 2px;}
  83. .icon_tools .icon_stop {width: 16px;background-position: -80px -12px;margin-top: 9px;}
  84. .icon_tools a {display: inline-block;height: 14px;margin: 7px 0px 0px 5px;background: url(http://icode.258club.com/attachments/month_1811/18111721371eac561f9c757452.gif) right top no-repeat;}
  85. </style>
  86. <script type="text/javascript" src="templates/colors/imusic_js.htm"></script>
复制
注意替换templates/default/music_js.htm路径。

6、发布帖子注意事项:
发布帖子只能一个帖子上传一首歌曲,最好上传后将帖子关闭或禁止跟帖。
1811172137053dcbd9d78163a2.gif
2018-11-19 23:00

18082421359dfdb56a728f9d69.gif
2018-11-16 22:40

fhl_3.gif
2018-11-16 22:40

song_icon.gif
2018-11-16 22:40

0930说:
0930社区论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者0930社区享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者0930社区的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
7、0930社区管理员和版主有权不事先通知发贴者而删除本文

最近看过此主题的会员收起

唯一如风
访问时间:2023-06-21 22:47
琼斯
访问时间:2022-12-06 18:49
开心
访问时间:2021-05-31 16:04
天使小小
访问时间:2019-07-09 17:48
0930
访问时间:2018-11-19 23:01

本站会员超级福利,赶快点击查看.
0930社区伦理电影每日更新,赶紧点击观看哦.
返回列表 发帖

站长推荐 关闭


扫毒2天地对决高清版免费在线观看

扫毒2天地对决 主演:刘德华 古天乐 苗侨伟 林嘉欣 周秀 类型:动作 地区:香港 语言:国语 上映日期:2019年 更新时间:2019-7-8 10:08:56 扫毒2天地对决剧情简介 .. ...


查看
想了解更多 0930社区 的信息? 注册 登陆
X