在使用(MSClass 通用不间断滚动JS封装类) 遇到的问题

 在使用MSClass时碰到客户要求在同一页加入两个产品滚动,对于js傻瓜的我来说难倒我了,

不过可以复制黏贴 呵呵。

代码如下:

<STYLE type=text/css>
.rollBox{OVERFLOW: hidden; WIDTH: 480px;HEIGHT:155px;border:1px solid #c0c0c0;padding:5px;background-color:#ffffff;text-align:left;}
.button{MARGIN-TOP: 60px;DISPLAY: inline;OVERFLOW: hidden;WIDTH: 20px;CURSOR: pointer;BACKGROUND-REPEAT: no-repeat;height: 52px;}
.left{BACKGROUND-IMAGE: url(http://www.popub.net/script/images/le.gif);FLOAT: left;}
.right{BACKGROUND-IMAGE: url(http://www.popub.net/script/images/re.gif);FLOAT:right;}
</STYLE>
<div class="rollBox mar20" style="FLOAT: left;"> 
<div id="LeftButton3" class="button left"></div> 
<div class="" id="MarqueeDiv3" style="width:440px;overflow:auto;-moz-user-select:none;FLOAT: left;">
<ul id="chedui">
[%get name=list class=$lng,3,0,72,0,0,6%][%forlist from=$array key=i%]
<li><a target="_blank" title="[%$array[i].title%]" href="[%$array[i].link%]"><img src="[%$url%][%$array[i].pic%]" width="200"  height="140"/></a><div class="chedui_zi"><a target="_blank" title="[%$array[i].title%]" href="[%$array[i].link%]">[%$array[i].ctitle|cutstr(15)%]</a></div></li>
[%/forlist%][%/get%]
</ul>
</div>
<div id="RightButton3" class="button right"></div> 
</div>
<script type="text/javascript">
/*********鼠标悬停滚动、开始等待时间及鼠标拖动***************/
var MarqueeDiv3Control=new Marquee(["MarqueeDiv3","chedui"],2,0.2,440,160,20,3000,3000)  //鼠标悬停滚动、开始等待时间及鼠标拖动实例
document.getElementById("LeftButton3").onclick=function(){MarqueeDiv3Control.Run(2)}; //跳过等待时间向左滚动后保持原向运动
document.getElementById("RightButton3").onclick=function(){MarqueeDiv3Control.Run(3)}; //跳过等待时间向右滚动后保持原向运动
</script>
<div class="rollBox mar20" style="FLOAT: right;"> 
<div id="LeftButton4" class="button left"></div> 
<div class="" id="MarqueeDiv4" style="width:440px;overflow:auto;-moz-user-select:none;FLOAT: left;">
<ul id="chedui4">
[%get name=list class=$lng,3,0,72%][%forlist from=$array key=i%]
<li><a target="_blank" title="[%$array[i].title%]" href="[%$array[i].link%]"><img src="[%$url%][%$array[i].pic%]" width="200"  height="140"/></a><div class="chedui_zi"><a target="_blank" title="[%$array[i].title%]" href="[%$array[i].link%]">[%$array[i].ctitle|cutstr(15)%]</a></div></li>
[%/forlist%][%/get%]
</ul>
</div>
<div id="RightButton4" class="button right"></div> 
</div>
<script type="text/javascript">
/*********鼠标悬停滚动、开始等待时间及鼠标拖动***************/
var MarqueeDiv4Control=new Marquee(["MarqueeDiv4","chedui4"],2,0.2,440,160,20,3000,3000)  //鼠标悬停滚动、开始等待时间及鼠标拖动实例
document.getElementById("LeftButton4").onclick=function(){MarqueeDiv4Control.Run(2)}; //跳过等待时间向左滚动后保持原向运动
document.getElementById("RightButton4").onclick=function(){MarqueeDiv4Control.Run(3)}; //跳过等待时间向右滚动后保持原向运动
</script>
<div class="clear"></div>
</div>

 

这其中让我学到了一个:

上面原本的代码:

<script type="text/javascript">    
function $(id){return document.getElementById(id)};    
</script>

 

<script type="text/javascript">
/*********鼠标悬停滚动、开始等待时间及鼠标拖动***************/
var MarqueeDiv4Control=new Marquee(["MarqueeDiv4","chedui4"],2,0.2,440,160,20,3000,3000)  //鼠标悬停滚动、开始等待时间及鼠标拖动实例
$("LeftButton4").onclick=function(){MarqueeDiv4Control.Run(2)}; //跳过等待时间向左滚动后保持原向运动
$("RightButton4").onclick=function(){MarqueeDiv4Control.Run(3)}; //跳过等待时间向右滚动后保持原向运动
</script>

后来在网上查了N久。发现原来function $(id){return document.getElementById(id)} 这个中的$(id) 是和jquery.js 是有冲突的。

使用jquery $美元符号来代替document.getElementById 就有了function $(id){return document.getElementById(id)} 

呵呵

暂无评论

发布评论

扫一扫,加我为微信好友 加我为微信好友