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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

记录调用(上下滚动版)For Discuz!X 1.5 【绿色】

  [复制链接]
aitxt 发表于 2010-11-22 00:08:16 | 显示全部楼层 |阅读模式
本帖最后由 aitxt 于 2010-11-22 00:09 编辑

实际效果预览:
当涂论坛
http://www.dangtu168.com/

效果截图:


1.  进入任意页面 比如论坛首页 点击DIY

2.  在需要的地方添加一个模块 空间类 > 记录模块
     里面的设置项就不赘述了 按你的需求设置下
     点击确定 样式那里也设置下 再确定

3.  鼠标移到你刚添加的模块那 弹出"编辑" 点击它 然后选择属性 > 模块模板
     把原来里面的代码替换成以下代码即可
  1. <div class="module cl xld">
  2. <div id=demo style="overflow:hidden; height:200px;">
  3. <!--dome 高度必须小于图片总高度 否则就不会显示滚动效果-->
  4. <div id=demo1>
  5. [loop]
  6. <dl class="cl">
  7. <dd class="m"><a href="home.php?mod=space&uid={uid}" c="1"{target}><img src="{avatar}" width="48" height="48" alt="{username}" /></a></dd>
  8. <dt><a href="home.php?mod=space&uid={uid}" title="{username}"{target}>{username}</a> <em class="xg1 xw0">{dateline}</em></dt>
  9. <dd><a href="{url}"{target}>{title}</a></dd>
  10. </dl>
  11. [/loop]

  12. <!--上下滚动 如果左右滚动 必须放在表格里布局才行-->
  13. </div>
  14. <div id=demo2></div>
  15. </div>
  16. <script language="javascript">
  17. var speed=30 // 值越大速度越慢
  18. demo2.innerHTML=demo1.innerHTML
  19. function Marquee(){


  20. if(demo2.offsetTop-demo.scrollTop<=0)
  21. demo.scrollTop-=demo1.offsetHeight
  22. else{
  23. demo.scrollTop++
  24. }

  25. //上下左右无间隙滚动 最主要是 if 语句的代码修改
  26. }
  27. var MyMar=setInterval(Marquee,speed)
  28. demo.onmouseover=function() {clearInterval(MyMar)}
  29. demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  30. </script>

  31. </body></div>
复制代码

本帖子中包含更多资源

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

x

评分

2

查看全部评分

蛇镜眼是不蛇某 发表于 2010-11-22 00:10:56 | 显示全部楼层
谢谢
前排支持

安装成功就给地址演示
http://www.wenliren.com/forum.php
回复

使用道具 举报

蛇镜眼是不蛇某 发表于 2010-11-22 00:13:00 | 显示全部楼层
已成功

再次感谢
回复

使用道具 举报

li79830517 发表于 2010-11-22 00:24:30 | 显示全部楼层
鼠标移到你刚添加的模块那 弹出"编辑" 点击它 然后选择属性 > 模块模板
     把原来里面的代码替换成以下代码即可
回复

使用道具 举报

sayui 发表于 2010-11-22 00:53:53 | 显示全部楼层
谢谢分享,演示:
www.sayui.com
回复

使用道具 举报

心YuanM 发表于 2010-11-22 01:40:29 | 显示全部楼层
谢谢用上了

http://rp345.com/
回复

使用道具 举报

lainade 发表于 2010-11-22 03:03:46 | 显示全部楼层
感谢分享,有空试试
回复

使用道具 举报

番禺人网 发表于 2010-11-22 06:10:41 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

li79830517 发表于 2010-11-22 08:43:55 | 显示全部楼层
回复

使用道具 举报

Borway 发表于 2010-11-22 09:43:03 | 显示全部楼层
多谢分享!
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-27 13:26 , Processed in 0.281195 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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