JS平滑圖片滾動(dòng)_圖片特效特效

一款JS圖片滾動(dòng)效果，默認(rèn)是不滾動(dòng)，鼠標(biāo)放到左側(cè)的三角符號(hào)上，它才會(huì)滾動(dòng)，效果不錯(cuò)，運(yùn)行時(shí)請(qǐng)耐心一點(diǎn)等待圖片加載完成，然后刷新一下頁(yè)面就正常了。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>JS平滑圖片滾動(dòng)</title>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
var sh;
marqueesWidth=610;
preLeft=0; currentLeft=0; stopscroll=false; getlimit=0;preTop=0; currentTop=0;
function scrollLeft()
{
	if(stopscroll==true) return;
	preLeft=marquees.scrollLeft;
	marquees.scrollLeft+=2;
	if(preLeft==marquees.scrollLeft)
	{
	//marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1;
	}
}

function Left()
{
	stopscroll = false;
	sh = setInterval("scrollLeft()",20);
}
function Right()
{
	stopscroll = false;
	sh = setInterval("scrollRight()",20);
}

function StopScroll()
{
	stopscroll = true;
	clearInterval( sh );
}

//-->
</SCRIPT>
</head>

<body onload="init()">
<TABLE cellSpacing=1 width=660 align=center border=0>
<TR bgColor=#f8f8f8>
<TD align=middle width=25><img 
      src="http://p1.mb5u.com/texiao/1/20110225160458238.gif" border=0 onmouseout=StopScroll() onmouseover=Left() style="CURSOR: pointer" /></TD>
    <TD>
      <div   class="znjbzjn"   id=marquees>
      <TABLE border=0><TR>

<TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458239.jpg' border=0 /></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458240.jpg' border=0 /></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458241.jpg' border=0 /></td>
</tr><tr><td><div align="center">第1期 </div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458242.jpg' border=0 /></td>
</tr><tr><td><div align="center">第1期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458243.jpg' border=0 /></td>
</tr><tr><td><div align="center">第2期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458244.jpg' border=0 /></td>
</tr><tr><td><div align="center">第3期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458245.jpg' border=0 /></td>
</tr><tr><td><div align="center">第4期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458246.jpg' border=0 /></td>
</tr><tr><td><div align="center">第5期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458247.jpg' border=0 /></td>
</tr><tr><td><div align="center">第6期</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img 
class=imgframe src='http://p1.mb5u.com/texiao/1/20110225160458239.jpg' border=0 /></td>
</tr><tr><td><div align="center">第7期</div></td>
</tr></table></TD>
</TR></TABLE></DIV>
<div   class="znjbzjn"   id=templayer style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></DIV></TD>
<TD align=middle width=25><img 
      src="http://p1.mb5u.com/texiao/1/20110225160458248.gif" border=0 onmouseout=StopScroll() onmouseover=Right() /></TD>
</TR></TABLE>
<div align="center"><br><br>如果沒有看到效果，請(qǐng)等待圖片下載完成，并刷新頁(yè)面。鼠標(biāo)先放到左邊，然后在放右邊。</div>
</body>
</html>

所屬頻道：圖片特效特效/更新時(shí)間：2012-12-09

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)圖片特效特效：

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索JS平滑圖片滾動(dòng)
特效說(shuō)明：
圖片特效模板-JS平滑圖片滾動(dòng)。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

JS平滑圖片滾動(dòng)_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些