|
|
| 箭头控制横向滚动图片 |
| 整理：Cnwshow.Com 来源：Internet 整理时间：2008-7-12 |
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>箭头控制横向滚动图片</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 scrollRight()
{
if(stopscroll==true) return;
preLeft=marquees.scrollLeft;
marquees.scrollLeft-=2;
if(preLeft==marquees.scrollLeft)
{
if(!getlimit)
{
marquees.scrollLeft=templayer.offsetWidth*2;
getlimit=marquees.scrollLeft;
}
marquees.scrollLeft-=1;
}
}
function Left()
{
stopscroll = false;
sh = setInterval("scrollLeft()",20);
}
function Right()
{
stopscroll = false;
sh = setInterval("scrollRight()",20);
}
function StopScroll()
{
stopscroll = true;
clearInterval( sh );
}
function SelectType(value)
{
document.all.sendForm.page.value = 1;
document.all.sendForm.type.value = value;
document.all.sendForm.submit();
}
function init()
{
with(marquees)
{
style.height=0;
style.width=marqueesWidth;
style.overflowX="hidden";
style.overflowY="visible";
style.align = "center";
noWrap=true;
}
}
//-->
</SCRIPT>
</head>
<body onload="init()">
<TABLE cellSpacing=1 width=660 align=center border=0>
<TR bgColor=#f8f8f8>
<TD align=middle width=25><IMG src="left.gif" border=0 onmouseout=StopScroll() onmouseover=Left() style="CURSOR: pointer"></TD>
<TD>
<DIV 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='218_1.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='218_2.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='218_3.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='218_4.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='218_5.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='218_6.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='218_7.jpg' border=0></td></tr><tr><td><div align="center">7号</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='218_8.jpg' border=0></td></tr><tr><td><div align="center">8号</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='218_9.jpg' border=0></td></tr><tr><td><div align="center">9号</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='218_10.jpg' border=0></td>
</tr><tr><td><div align="center">10号</div></td>
</tr></table></TD>
</TR></TABLE></DIV>
<DIV id=templayer style="LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px"></DIV></TD>
<TD align=middle width=25><IMG src="right.gif" border=0 onmouseout=StopScroll() onmouseover=Right() style="CURSOR: pointer"></TD>
</TR></TABLE>
</body>
</html>
|
|
|
|
|
|
