[论坛插件] 首页添加帖子也板块内容代码插件|
3061
0
经验:
21级
已经发了8152
篇文章咯快21级咯
楼主
发表于 2018-11-16 22:26
ID:1 精华:
19 积分:2308 帖子:Array
[posts]
威望:2308 元宝:94 积极:0 贡献:0
魅力:2308 活跃:94 沙发:0 SoQ币:0
阅读权限:200 注册:2018-3-22 失踪: 1634天 在线:共541小时
倒序看帖
0930 发表于 2018-11-16 22:26
|
只看该作者
您是本帖的第 3062 个阅读者
[hide]1、现在后台建立若干个“主题附件”数据调用。有几个音乐板块就建立几个。我示范的建立了两个,如图:
代码内容是:<li>
<a target="_blank" title="{author}" href="{link}">{subject}</a>
<span class="icon_tools fl" type="song">
<a href="javascript:void(0)" onclick="playMP3(this)" url="{url}" class="icon_play" title="试听"></a>
</span>
</li> 复制 2、每个数据调用只对应一个板块!!!如图:
4、新建一个模板命名为music_js,内容是var audio =document.createElement("AUDIO");
var publicObj= "";//全局点击对象
function playMP3(obj){
var url = $jq(obj).attr("url");
var randNum = generateMixed(12)+"";
if(audio.paused&&$jq(obj).attr("class")=="icon_play"){
publicObj = obj;
audio.src=url+"?msisdn="+randNum;
audio.play();
$jq(obj).attr("class","icon_stop");
}else if (!audio.paused&&$jq(obj).attr("class")=="icon_play"){
audio.pause();
audio.src=url;
audio.play();
$jq(publicObj).attr("class","icon_play");
$jq(obj).attr("class","icon_stop");
publicObj = obj;
}else{
audio.pause();
$jq(obj).attr("class","icon_play");
}
}
function RndNum(n){
var rnd="";
for(var i=0;i<n;i++)
rnd+=Math.floor(Math.random()*10);
return rnd;
}
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'];
function generateMixed(n) {
var res = "";
for(var i = 0; i < n ; i ++) {
var id = Math.ceil(Math.random()*35);
res += chars[id];
}
return res;
} 复制 5、打开discuz模板找到<!--{if empty($gid) && $maxbdays &&$_DCACHE['birthdays_index']['todaysbdays']}--> 复制 在上边加<div id="mp3_box">
<div class="mp3_box_name">
<h2><a>MP3试听</a></h2>
</div>
<div class="mp3_liea">
<dt><strong>最新音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>热门音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听B');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>推荐音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('论坛主页_MP3试听C');}
</ul>
</div>
<div class="mp3_lie">
<dt><strong>外链音乐</strong> <a class="more" href="/music/">更多...</a></dt>
<ul>
{eval request('主题列表_78Q');}
</ul>
</div>
</div>
<style>
#mp3_box {width: 100%;height: 390px;}
.mp3_box_name {padding: 0 10px;height: 31px;border-bottom: 1px solid #e2e2e2;line-height: 31px;white-space: nowrap;overflow: hidden;}
.mp3_box_name h2 {padding-left: 10px;}
.mp3_box_name h2 a{color: #2B91E3;font-size: 16px;}
.mp3_liea {
height: auto;
min-height: 330px;
border: solid #DDDDDD;
border-width: 1px;
background: #fff;
width: 228px;
margin: 15px 10px 5px 15px;
float: left;
}
.mp3_lie {
height: auto;
min-height: 330px;
border: solid #DDDDDD;
border-width: 1px;
background: #fff;
width: 228px;
margin: 15px 10px 5px 5px;
float: left;
}
.mp3_lie dt,.mp3_liea dt {
width: 230px;height: 25px;border-bottom: 1px solid #e2e2e2;
}
.mp3_lie strong,.mp3_liea strong {
line-height: 25px;padding-left: 8px;
}
.mp3_lie .more,.mp3_liea .more {
line-height: 25px;padding-right: 8px;float: right;
}
.mp3_liea ul, .mp3_lie ul {
padding-left: 9px;
background: url(http://icode.258club.com/attachments/month_1811/1811172137053dcbd9d78163a2.gif) no-repeat 4px 9px;
}
.mp3_liea ul li, .mp3_lie ul li {
padding-right: 20px;
position: relative;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 18px;
margin-right: 5px;
height: 30px;
line-height: 29px;
background: url(http://icode.258club.com/attachments/month_1808/18082421359dfdb56a728f9d69.gif) repeat-x left bottom;
}
.mp3_liea ul li span,.mp3_lie ul li span {position: absolute;right: 0px;float: right!important;}
.icon_tools .icon_play {width: 16px;background-position: -80px 2px;}
.icon_tools .icon_stop {width: 16px;background-position: -80px -12px;margin-top: 9px;}
.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;}
</style>
<script type="text/javascript" src="templates/colors/imusic_js.htm"></script> 复制 注意替换templates/default/music_js.htm路径。
6、发布帖子注意事项:
发布帖子只能一个帖子上传一首歌曲,最好上传后将帖子关闭或禁止跟帖。
0930说:
0930社区论坛版权 1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者 与0930社区 享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者 和0930社区 的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
7、0930社区 管理员和版主有权不事先通知发贴者而删除本文
站长推荐
关闭
扫毒2天地对决
主演:刘德华 古天乐 苗侨伟 林嘉欣 周秀
类型:动作
地区:香港
语言:国语
上映日期:2019年
更新时间:2019-7-8 10:08:56
扫毒2天地对决剧情简介
.. ...
查看
想了解更多 0930社区 的信息?
注册
或
登陆