Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 很实用的图片横排滚动代码

[复制链接]
307089186 发表于 2012-4-5 16:15:16 | 显示全部楼层 |阅读模式
演绎地址:http://www.gxwed.net
打不开刷新一下
联系QQ:307089186

代码放在前台直接DIY模板出
代码如下
  1. <FONT size=2><div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
  2. <table cellpadding="0" cellspacing="0" border="0">
  3. <tr><td id="colee_left1" valign="top" align="center">
  4. <table cellpadding="2" cellspacing="0" border="0">
  5. <tr align="center">
  6. <ul>
  7. [loop]
  8. <td>
  9. <li style="width: {picwidth}px;">
  10. <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
  11. <p><a href="{url}" title="{title}"{target}>{title}</a></p>
  12. </li></td>
  13. [/loop]
  14. </ul>
  15. </tr>
  16. </table>
  17. </td>
  18. <td id="colee_left2" valign="top"></td>
  19. </tr>
  20. </table>
  21. </div>
  22. <script>
  23. var speed=30//速度数值越大速度越慢
  24. var colee_left2=document.getElementById("colee_left2");
  25. var colee_left1=document.getElementById("colee_left1");
  26. var colee_left=document.getElementById("colee_left");
  27. colee_left2.innerHTML=colee_left1.innerHTML
  28. function Marquee3(){
  29. if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
  30. colee_left.scrollLeft-=colee_left1.offsetWidth
  31. else{
  32. colee_left.scrollLeft++
  33. }
  34. }
  35. var MyMar3=setInterval(Marquee3,speed)
  36. colee_left.onmouseover=function() {clearInterval(MyMar3)}
  37. colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
  38. </script></FONT>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
abcnic 发表于 2012-4-5 17:31:09 | 显示全部楼层
沙发支持 呵呵
回复

使用道具 举报

李渠 发表于 2012-4-5 21:09:52 | 显示全部楼层
不错 支持楼主啊
回复

使用道具 举报

rstar 发表于 2012-4-5 22:00:53 | 显示全部楼层
回复

使用道具 举报

mgghz 发表于 2012-4-5 23:10:58 | 显示全部楼层
Mark一下,用得到时过来提货~
回复

使用道具 举报

一起来合租 发表于 2012-4-5 23:40:15 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

ilei365 发表于 2012-4-6 00:04:08 | 显示全部楼层
支持。。。。。。
回复

使用道具 举报

小斌商务网络交 发表于 2012-4-6 02:22:52 | 显示全部楼层
怎么用   不明白。。
回复

使用道具 举报

搜网者 发表于 2012-4-6 10:32:29 | 显示全部楼层
yidng ya odmgeg
回复

使用道具 举报

hanxud 发表于 2012-4-6 13:21:19 | 显示全部楼层
楼主,有个问题:怎么图片滚动一下就停了呢?不能一直滚动么?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 13:07 , Processed in 0.034753 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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