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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 公告栏水平滚动

[复制链接]
cctao 发表于 2009-12-7 13:48:46 | 显示全部楼层 |阅读模式
11.jpg

大家对这块肯定已经很熟悉了。滚动是上下翻滚的。
如何修改为左右连续滚呢!!!

这个是js代码
  1. //垂直滚动 格式:new zjScroll("标记ID",每次滚动高度(px),滚动速度(ms),间隔时间(ms));
  2. function zjScroll(){
  3.         this.id = arguments[0];
  4.         if(this.id == null) this.id = "";
  5.         this.height = arguments[1];
  6.         if(this.height == null) this.height = 20;
  7.         this.speed = arguments[2];
  8.         if(this.speed == null) this.speed = 20;
  9.         this.delay = arguments[3];
  10.         if(this.delay == null) this.delay = 2000;
  11.         this.ispause = false;
  12.         this.sctop = 0;
  13.         this.step = 0;
  14.         this.flag = true;
  15.         var idcnt;
  16.         if(!(this.id == "")){
  17.                 idcnt = $(this.id).innerHTML;
  18.                 $(this.id).innerHTML = "<table border="0" cellspacing="0" cellpadding="0"><tr><td id="" + this.id + "_S1">" + idcnt + "</td></tr><tr><td id="" + this.id + "_S2">" + idcnt + "</td></tr></table>";
  19.                 this.init();
  20.         }
  21. }

  22. zjScroll.prototype.init = function(){
  23.         var myobj = this;
  24.         $(myobj.id).scrollTop = 0;
  25.         myobj.Scroll = function(){
  26.                 $(myobj.id).onmouseover = function(){
  27.                         myobj.ispause = true;
  28.                 }
  29.                 $(myobj.id).onmouseout = function(){
  30.                         myobj.ispause = false;
  31.                 }
  32.                 if(myobj.flag){
  33.                         myobj.flag = false;
  34.                         if(myobj.sctop >= $(myobj.id+"_S1").offsetHeight){
  35.                                 myobj.sctop = myobj.sctop - $(myobj.id+"_S1").offsetHeight;
  36.                                 $(myobj.id).scrollTop = myobj.sctop;
  37.                         }
  38.                         setTimeout(myobj.Scroll, myobj.delay);
  39.                         return true;
  40.                 }
  41.                 if(!myobj.ispause){
  42.                         myobj.sctop++;
  43.                         myobj.step++;
  44.                         $(myobj.id).scrollTop = myobj.sctop;
  45.                         if(myobj.step == myobj.height){
  46.                                 myobj.step = 0;
  47.                                 myobj.flag = true;
  48.                         }
  49.                 }
  50.                 setTimeout(myobj.Scroll, myobj.speed);
  51.         }
  52.         myobj.Scroll();
  53. }
复制代码
这个是调用代码:
  1. <div id="infobox" align="center"><!--通知通告开始-->
  2. <div id="anc">
  3. <!--{block name="announcement" parameter="order/displayorder DESC/limit/0,15/cachetime/6/subjectlen/30/cachename/gg/tpl/tztg"}--><!--gg-->
  4. </div>
  5. <script language="javascript" type="text/javascript">new zjScroll("anc",21,20,2000);</script>
  6. </div><!--通知通告结束-->
复制代码
请高手指点迷津!
11107207 发表于 2009-12-7 18:41:59 | 显示全部楼层
支持你一下
回复

使用道具 举报

szy1229 发表于 2009-12-7 19:34:38 | 显示全部楼层
话说 楼主不是很牛B的嘛。。怎么连这都不会??
回复

使用道具 举报

草上蚂蚱 发表于 2009-12-8 11:32:17 | 显示全部楼层
最简单的一个:

<marquee direction=left scrollamount=3>
文字向左滚。
</marquee>
回复

使用道具 举报

szy1229 发表于 2009-12-8 12:30:55 | 显示全部楼层
想想你求我要调用MAX的代码时候的样子 我就想笑,你不会就不会 你干嘛还要拿别人告诉你的当成你自己的 然后来分享,显得自己多大方。。。装X
回复

使用道具 举报

 楼主| cctao 发表于 2009-12-8 14:39:36 | 显示全部楼层
回复 4# 草上蚂蚱


    谢谢了。。试试看!!
回复

使用道具 举报

goldlink 发表于 2009-12-12 20:28:21 | 显示全部楼层
.
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 10:29 , Processed in 0.031697 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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