怎么设置DISCUZ论坛首页DIY横排图片滚动代码

您的位置: 主页新闻中心 > 网站制作 > 详细信息

很多人不知道discuz做论坛首页横排图片滚动怎么设置

下面一个提供一个DIY图片横排滚动代码 只需要复制代码到DIY 自定义HTML代码里面就行了

很实用的图片横排滚动代码


<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">
<ul>
[loop]
<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>
[/loop]
</ul>
</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>



效果如下image.png




  • 本文链接地址:https://www.0do.net/wangzhanzhizuo/8213.html 转载请注明出处

  • 说点什么吧
    • 全部评论(0
      还没有评论,快来抢沙发吧!

    上一篇:优良网站制作公司环境,提供优质诚信服务 下一篇:论坛网站建设缺乏与学生群体的互动交流

    相关阅读

    猜您喜欢

    我们已经准备好了,你呢?
    2020我们与您携手共赢,为您的企业营销保驾护航!

    高速云主机

    高性价比建站

    免费网站代备案

    1对1设计服务

    7×24小时售后支持

     

    全国免费咨询:

    0571-8602-0793

    业务咨询:0571-8602-0793 / 18158134667

    QQ:545844156 57422620(张)

    联系地址:杭州经济技术开发区下沙街道天城东路80号

    Copyright © 2010-2020 杭州库弘网络科技有限公司      ICP备案:浙ICP备13030903号-1     公网备案:浙公网安备 33011802001518号     法律顾问:律师事务所

    客服
    热线

    0571-86020793
    7*24小时客服热线

    微信
    咨询

    加微信获取报价