求一图片滚动效果，要求：图片分多行显示，每滚一行，停顿几秒后，接着滚动下面的图片行。
2个回答
展开全部
<div id=img>
<a href="#"><img src="5.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="7.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="2.jpg" border=0 width=100 height=50></a><BR>
</div>
<SCRIPT language=JavaScript>
<!--
marHeight=50; // 设定高度
stopscroll=false;
with(img)
{
style.height=marHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true"); // 鼠标悬停停止滚动
onmouseout=new Function("stopscroll=false"); // 鼠标离开开始滚动
}
preTop=0;
currentTop=50; // 设定滚动高度
stoptime=0;
img.innerHTML += img.innerHTML; // 赋值
function scrollimg()
{
img.scrollTop=0;
setInterval("scrollUp()",20); // 设定图片滚动时间
}function scrollUp()
{
if(stopscroll==true) return;
currentTop+=1;
if(currentTop>50) // 判断滚动高度
{
stoptime+=1;
currentTop-=1;
if(stoptime==30) // 设定图片停留时间
{
currentTop=0;
stoptime=0;
}
}
else
{
preTop=img.scrollTop;
img.scrollTop+=1;
if(preTop==img.scrollTop)
{
img.scrollTop=0;
img.scrollTop+=1;
}
}
}
scrollimg();
//-->
</script>改下图片就行好了
<a href="#"><img src="5.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="7.jpg" border=0 width=100 height=50></a><BR>
<a href="#"><img src="2.jpg" border=0 width=100 height=50></a><BR>
</div>
<SCRIPT language=JavaScript>
<!--
marHeight=50; // 设定高度
stopscroll=false;
with(img)
{
style.height=marHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true"); // 鼠标悬停停止滚动
onmouseout=new Function("stopscroll=false"); // 鼠标离开开始滚动
}
preTop=0;
currentTop=50; // 设定滚动高度
stoptime=0;
img.innerHTML += img.innerHTML; // 赋值
function scrollimg()
{
img.scrollTop=0;
setInterval("scrollUp()",20); // 设定图片滚动时间
}function scrollUp()
{
if(stopscroll==true) return;
currentTop+=1;
if(currentTop>50) // 判断滚动高度
{
stoptime+=1;
currentTop-=1;
if(stoptime==30) // 设定图片停留时间
{
currentTop=0;
stoptime=0;
}
}
else
{
preTop=img.scrollTop;
img.scrollTop+=1;
if(preTop==img.scrollTop)
{
img.scrollTop=0;
img.scrollTop+=1;
}
}
}
scrollimg();
//-->
</script>改下图片就行好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
垂直滚动，鼠标移动上去停止滚动，IE。FF测试通过：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="感情用饰 http://www.huer.net.cn/" />
<meta name="keywords" content="JS代码,图片特效,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为垂直无接缝图片滚动代码，属于站长常用代码" />
<title>垂直无接缝图片滚动代码_感情用饰 阿虎</title>
<style type="text/css">
<!--
TD {FONT-SIZE: 12px;}
</style>
</head>
<body>
<div id=link_logo style="OVERFLOW: hidden; WIDTH: 190px; HEIGHT: 235px">
<div id=link_logo1 style="OVERFLOW: hidden">
<table cellspacing=0 cellpadding=0 width=180 border=0>
<tbody>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.huer.net.cn/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.huer.net.cn/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.chinasspp.com/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="感情用饰 http://www.huer.net.cn/" />
<meta name="keywords" content="JS代码,图片特效,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为垂直无接缝图片滚动代码，属于站长常用代码" />
<title>垂直无接缝图片滚动代码_感情用饰 阿虎</title>
<style type="text/css">
<!--
TD {FONT-SIZE: 12px;}
</style>
</head>
<body>
<div id=link_logo style="OVERFLOW: hidden; WIDTH: 190px; HEIGHT: 235px">
<div id=link_logo1 style="OVERFLOW: hidden">
<table cellspacing=0 cellpadding=0 width=180 border=0>
<tbody>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.huer.net.cn/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.huer.net.cn/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
target=_blank><img
src="images/lanrentuku.gif" alt="" width="88" height="31"
border=0></a><a href=" http://www.chinasspp.com/"
target=_blank></a></td>
</tr>
</tbody>
</table></td>
<td valign=top align=middle height=33><table cellspacing=0 cellpadding=2 border=0>
<tbody>
<tr>
<td align=middle><a href=" http://www.huer.net.cn/"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
