当前位置：网站首页 > 资源显示

js向左滚动代码，向左不间断滚动JS代码

发布时间：2017/5/1 10:27:44 / 浏览：644

向左滚动代码，向左不间断滚动JS代码

完整代码（代码框可以往下拉高显示）：

<div id="colee_left" style="overflow:hidden;width:960px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">

</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script> 
//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed=30//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度
colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度
else{
colee_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function() {clearInterval(MyMar3)}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>

---------------- 同一个页面多个滚动，笨办法，当然也可以改造函数 ------------------

可以批量将“_2”替换为“_n”

<div id="colee_left_2" style="overflow:hidden;width:960px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1_2" valign="top" align="center">
<table cellpadding="2_2" cellspacing="0" border="0">
<tr align="center">

</tr>
</table>
</td>
<td id="colee_left2_2" valign="top"></td>
</tr>
</table>
</div>
<script> 
//使用div时，请保证colee_left2与colee_left1是在同一行上.
var speed_2=30//速度数值越大速度越慢
var colee_left2_2=document.getElementById("colee_left2_2");
var colee_left1_2=document.getElementById("colee_left1_2");
var colee_left_2=document.getElementById("colee_left_2");
colee_left2_2.innerHTML=colee_left1_2.innerHTML
function Marquee3_2(){
if(colee_left2_2.offsetWidth-colee_left_2.scrollLeft<=0)//offsetWidth 是对象的可见宽度
colee_left_2.scrollLeft-=colee_left1_2.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度
else{
colee_left_2.scrollLeft++
}
}
var MyMar3_2=setInterval(Marquee3_2,speed_2)
colee_left_2.onmouseover=function() {clearInterval(MyMar3_2)}
colee_left_2.onmouseout=function() {MyMar3_2=setInterval(Marquee3_2,speed_2)}
</script>

附件资源（免费）

您尚未登录，暂时无法查阅资源！立即登录

插播广告区

发表评论

您尚未登录，暂时无法发表评论。立即登录

暂无任何评论

推荐资源更多 >>

付费资源更多 >>

广告区