加载中…
个人资料
糖炒栗子
糖炒栗子
  • 博客等级:
  • 博客积分:0
  • 博客访问:32,496
  • 关注人气:13
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

JS滚动代码问题

(2010-04-07 10:25:00)
标签:

杂谈

分类: JS学习班
下面是js代码关于图片滚动的问题,把下面的js写在一个js页面里 调用是不行滴。
方法:把分离出来的JS文件调用,然后 放到页面底部就ok啦。。。可以试试呀。高手可以帮忙指点一下。还有没有更好的办法。

<div id="colee_left" style="overflow:hidden;width:40px;">
<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">
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
<td><p><img src="/jscss/demoimg/20010/bg3.jpg"></p></td>
</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.getElementByIdx("colee_left2");
var colee_left1=document.getElementByIdx("colee_left1");
var colee_left=document.getElementByIdx("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>

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有