糖果VR分享网
标题:
Discuz! dz添加滚动图片
[打印本页]
作者:
团子是我
时间:
2018-7-29 18:01
标题:
Discuz! dz添加滚动图片
先简单说明一下怎么添加diy。
管理员登录后鼠标放置头像,点击出现的diy一栏 。
接下来添加好
框架
添加 自己需要的类型的
模版
,一般dz帖子就是 (论坛类-帖子模版)
接下来在
模块模版
中输入以下代码:
<FONT size=2><div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
[loop]
<ul>
<td>
<li style="width: {picwidth}px;">
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
<p><a href="{url}" title="{title}"{target}>{title}</a></p>
</li></td>
</ul>
[/loop]
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
colee_left.scrollLeft-=colee_left1.offsetWidth
else{
colee_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function() {clearInterval(MyMar3)}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script></FONT>
复制代码
根据自己需要修改即可。
再分享一个自己修改
带切换按钮
的:
**** 本内容需购买可见 ****
作者:
gtclove
时间:
2018-7-29 19:44
啥也不说了,糖果资源分享网就是给力!
作者:
formattheearth
时间:
2018-7-31 11:26
膜拜神贴,后面的请保持队形~
欢迎光临 糖果VR分享网 (https://www.tangguo2.com/)
Powered by Discuz! X3.3