62,046
社区成员
发帖
与我相关
我的任务
分享js 图片列表根据按钮左右移动 帮帮看下，
<body onload=""; style=" text-align:center">
<div id="sPic" style=" width:800px; height:120px; overflow:hidden; border:#666666 1px solid"; onmouseover="clearTimeout(a)" onmouseout="scrollIt(1)">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td nowrap="nowrap" id="td1">
<img src="相册/海贼王/01.jpg" /><img src="相册/海贼王/02.jpg" /><img src="相册/海贼王/03.jpg" /><img src="相册/海贼王/04.jpg" /><img src="相册/海贼王/05.jpg" /><img src="相册/海贼王/06.jpg" /><img src="相册/海贼王/07.jpg" /><img src="相册/海贼王/08.jpg" /><img src="相册/海贼王/09.jpg" /><img src="相册/海贼王/10.jpg" />
</td>
<td nowrap="nowrap" id="td2"></td>
</tr>
</table>
</div>
<input id="Button1" type="button" value="<<" onclick="scrollIt(1)"/>
<input id="Button2" type="button" value=">>" onclick="scrollIt(0)"/>
</body>
</html>
<script language="javascript">
var a;
main = document.getElementById("sPic")//外围层
t1 = document.getElementById("td1")//第一个单元格
t2 = document.getElementById("td2")//第二个单元格
t2.innerHTML = t1.innerHTML
function scrollIt(i) {
if (i == 1) {
if (t1.offsetWidth - main.scrollLeft <= 0)// 1800-1800
main.scrollLeft = 0
else
main.scrollLeft += 8
a = setTimeout("scrollIt(1)", 40)
}
else {
if (t1.offsetWidth - main.scrollRight <= 0)// 1800-1800
main.scrollRight = 0
else
main.scrollRight += 8
a = setTimeout("scrollIt(0)", 40)
}
}
</script>
...全文
请发表友善的回复…
发表回复
qq623932737 2011-06-18
- 打赏
- 举报
多谢好汉们
porschev 2011-06-17
- 打赏
- 举报
main.scrollRight += 8
----->
main.scrollLeft -= 8
porschev 2011-06-17
- 打赏
- 举报
<script language="javascript">
var a;
main = document.getElementById("sPic")//外围层
t1 = document.getElementById("td1")//第一个单元格
t2 = document.getElementById("td2")//第二个单元格
t2.innerHTML = t1.innerHTML
function scrollIt(i) {
clearInterval(a);
if (i == 1) {
if (t1.offsetWidth - main.scrollLeft <= 0)// 1800-1800
main.scrollLeft = 0
else
main.scrollLeft += 8
a = setTimeout("scrollIt(1)", 40)
}
else {
if (t1.offsetWidth - main.scrollRight <= 0)// 1800-1800
main.scrollLeft = 0
else
main.scrollLeft -= 8
a = setTimeout("scrollIt(0)", 40)
}
}
</script>
xuexiaodong2009 2011-06-17
- 打赏
- 举报
改成减试试
main.scrollRight -= 8
main.scrollRight -= 8
md5e 2011-06-17
- 打赏
- 举报
没和释放a
function scrollIt(i) {
if (i == 1) {
if (t1.offsetWidth - main.scrollLeft <= 0)// 1800-1800
main.scrollLeft = 0
else
main.scrollLeft += 8
clearInterval(a);
a = setTimeout("scrollIt(1)", 40)
}
else {
if (t1.offsetWidth - main.scrollRight <= 0)// 1800-1800
main.scrollRight = 0
else
main.scrollRight += 8
clearInterval(a);
a = setTimeout("scrollIt(0)", 40)
}
}
lvyichang 2011-06-17
- 打赏
- 举报
好像没有scrollRight属性的！
这个网上很多！
http://www.19860828.com/article.asp?id=334
这个网上很多！
http://www.19860828.com/article.asp?id=334
qq623932737 2011-06-17
- 打赏
- 举报
现在图片点击那个左边的按钮可以往左滚动，但是右边就不行了 不知道怎么回事 看看 怎么解决 谢谢了
