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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 【分享】无缝滚动代码,可用于门户模块等各种可用html代码的地方

[复制链接]
冷凰月 发表于 2020-5-22 09:38:43 | 显示全部楼层 |阅读模式
本帖最后由 冷凰月 于 2020-5-22 14:43 编辑

感谢@Q老Q 的基础滚动代码(https://discuz.dismall.com/thread-2347985-1-1.html),我在此基础上加写了抓取的多个内容之间空一行、无缝滚动的代码,保存为自定义模板,完美实现我想要达到的效果。

下面以帖子模块为例展示,可以自行对比discuz内置的帖子模块模板中的代码,找到关键词。
另外因为尝试过程中搞了很多代码进去,干脆就给做了下排版,毕竟我这种小白不好好排版非常容易搞不清哪里是开始哪里是结尾
但最后发现解决方式非常简单,于是也不需要那么长的代码啦!

太长不看版:
1、在整个代码串前后加<marquee direction=up scrollAmount=滚动速度,从1开始越来越快 Height=整个滚动区间的高度,设为1就只有一行,1行以上的高度默认单位为px></marquee>可实现滚动
2、但这样的滚动会导致第一次循环之后有一个空屏,如果抓取的内容有很多个,或者你的静态内容很长的话,空屏时间很长,效果不好3、因此,在需要滚动的内容前后,也就是[ loop ][ /loop ]之间,增加[ loop1 ] [ loop1 ]即可实现无缝循环,这个数字是什么都可以,如果还有别的内容想一起循环,可以再另加一组 [ loop2 ][ loop2 ],两个loop之间的规则不一样,就能实现不同规则的内容一起循环的效果。比如,loop1是抓取帖子,loop2是抓取公告,loop3是静态自定义HTML。
4、抓取的多个内容挤在一起很不好看,所以在每个loop代码结束之前加一个< br >,加在loop、li、dl之前效果是一样的。我个人加在dl之前,离实际要展示的内容近一点的话,这个换行符的作用会看起来更清晰。如果想隔开帖子的标题和简介,就把br加在< dd>{summary}</dd >之前。



  1. <font style="background-color: rgb(255, 255, 255);"></font><marquee direction=up scrollAmount=2 Height=165><!sA是速度,数值越大越快 H是整个滚动区间的高度!>

  2. <div class="module cl roll">
  3. <ul>
  4. [loop]

  5.   <!1!>[loop1]
  6.     <!2!> <li>
  7.       <!3!><dl class="cl">
  8.           <!5!><dt>
  9.             <!6!><em class="y xg0 xw1"><a href="home.php?mod=space&uid={authorid}"{target}>{author}</a></em>
  10.                     <a href="{url}" title="{title}"{target}>{title}</a>
  11.           <!5!></dt>
  12.           <!5!><dd>{summary}</dd>
  13.           <!5!><br>
  14.       <!3!></dl>
  15.     <!2!></li>
  16.   <!1!>[/loop1]


  17. [/loop]
  18. </ul>
  19. </div>

  20. </marquee>
  21.    
复制代码





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

本版积分规则

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

GMT+8, 2024-11-24 20:40 , Processed in 0.047041 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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