求个JS图片滚动的代码。要简单简单再简单、！！！！
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" height="215">
<tr>
<td valign="top" align="left">
<DIV id="dome" style="overflow:hidden;height:370px; width:190px; text-align:center">
<DIV id="dome1" ><img src="img/pic1.jpg" width="180px" height="130px" /><br/><img src="img/pic2.jpg" width="180px" height="130px" /><br/><img src="img/pic3.jpg" width="180px" height="130px" /></DIV>
<DIV id="dome2"></DIV>
</DIV>
</td>
</tr>
</table>
<script type="text/javascript">
var speed=50; //设置文字滚动速度
dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
function Marquee(){
if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
dome.scrollTop-=dome1.offsetHeight //dome跳到最顶端
else{
dome.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
dome.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" height="215">
<tr>
<td valign="top" align="left">
<DIV id="dome" style="overflow:hidden;height:370px; width:190px; text-align:center">
<DIV id="dome1" ><img src="img/pic1.jpg" width="180px" height="130px" /><br/><img src="img/pic2.jpg" width="180px" height="130px" /><br/><img src="img/pic3.jpg" width="180px" height="130px" /></DIV>
<DIV id="dome2"></DIV>
</DIV>
</td>
</tr>
</table>
<script type="text/javascript">
var speed=50; //设置文字滚动速度
dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
function Marquee(){
if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
dome.scrollTop-=dome1.offsetHeight //dome跳到最顶端
else{
dome.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed) //设置定时器
dome.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
dome.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器，继续滚动
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
为什么滚动到第2轮就不再滚动了 怎么解决？ <html> <head> <title>{ for (i=1;i<=9;i++) { if (i==temp_i) temp_str="red"; ,QzXvtA
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用<marquee>标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
