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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑问] 垂直滚动zjscroll.js调用问题

[复制链接]
guo_cc 发表于 2010-1-20 12:34:16 | 显示全部楼层 |阅读模式
本帖最后由 guo_cc 于 2010-01-20 12:40 编辑

在同一个页面,有两处调用垂直滚动js,第一处能正常滚动,但第二处一点动静也没有。
第一处代码如下,滚动正常。
  1.         <div id="infbox">
  2.         <!--通知通告开始-->
  3. <div id="anc">
  4. <!--{block name="announcement" parameter="limit/0,10/cachetime/900/cachename/gonggao/tpl/tztg"}--><!--tztg-->
  5. </div>
  6. <script language="javascript" type="text/javascript">new zjScroll("anc",21,21,2000);</script>
  7. </div><!--通知通告结束-->
复制代码
下图滚动正常


但第二处代码同样调用此js,却一点动静也没有,代码如下:
  1. <div class="supe_globalmodule_d"><!--招聘信息开始-->
  2.                 <div class="global_captionl02">
  3.           <h3>招聘信息<b></h3>
  4.           <a href="/?action-category-catid-10">更多&gt;&gt;</a></div>
  5.           <div id="abc">
  6.                          <!--{block name="spacenews" parameter="catid/10/order/i.dateline DESC/limit/0,20/cachetime/0/subjectlen/26/cachename/newslist"}-->
  7.         <ul>
  8.           <!--{loop $_SBLOCK['newslist'] $value}-->
  9.           <li class="sy_neirong">
  10.             <div class="nowrap"><a href="$value[url]" target="_blank">$value[subject]</a></div>
  11.           </li>
  12.           <!--{/loop}-->
  13.         </ul>
  14.         </div>
  15.         <script language="javascript" type="text/javascript">new zjScroll("abc",121,200,2000);</script>
  16.      </div>
  17.       <!--招聘信息结束-->
  18.     </div>
复制代码
截图如下:


第二次调用参数为("abc",121,200,2000)
请教DZ高手,这是何故?望不吝赐教。谢谢!!

本帖子中包含更多资源

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

x
 楼主| guo_cc 发表于 2010-1-20 12:36:12 | 显示全部楼层
zjscroll函数js代码如下,已在head部分引入。
  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. }
复制代码
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-18 20:45 , Processed in 0.019464 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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