糖果VR分享网

标题: Discuz! dz添加滚动图片 [打印本页]

作者: 团子是我    时间: 2018-7-29 18:01
标题: Discuz! dz添加滚动图片
先简单说明一下怎么添加diy。

管理员登录后鼠标放置头像,点击出现的diy一栏 。


接下来添加好框架添加 自己需要的类型的模版,一般dz帖子就是 (论坛类-帖子模版)


接下来在模块模版中输入以下代码:


  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. [loop]
  7. <ul>
  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. </ul>
  14. [/loop]
  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>
复制代码
根据自己需要修改即可。

再分享一个自己修改带切换按钮的:

**** 本内容需购买可见 ****

作者: gtclove    时间: 2018-7-29 19:44
啥也不说了,糖果资源分享网就是给力!
作者: formattheearth    时间: 2018-7-31 11:26
膜拜神贴,后面的请保持队形~




欢迎光临 糖果VR分享网 (https://www.tangguo2.com/) Powered by Discuz! X3.3