网页制作之图片左右移动
(2008-08-29 15:21:45)
网页制作之图片左右移动
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片会向左或向右移动</title>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
//more javascript from http://www.webjx.com
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区域内代码-->
<body onload="init()">
<TABLE cellSpacing=1 width=660 align=center border=0>
<TR bgColor=#f8f8f8>
<TD align=middle width=25><img src="http://www.webjx.com/upfiles/20050905/20050905085723_left.gif" border=0 onmouseout=StopScroll() onmouseover=Left() style="CURSOR: pointer" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></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 src='http://www1.pconline.com.cn/download/images/soft/best/100/kaka100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">瑞星卡卡</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/baofang100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">暴风影音</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/pps100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">PPS视频</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/kugoo100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">酷狗2008</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/qq100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">QQ2008</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://img2.pconline.com.cn/pconline/0808/14/1133648_1.jpg' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">金山毒霸</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/fetion100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">飞信2008</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/kuaiche100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></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 src='http://www1.pconline.com.cn/download/images/soft/best/100/qq100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">QQ2008</div></td>
</tr></table></TD><TD align=middle width=85><table cellSpacing=0 cellPadding=0 align=center border=0><tr><td><img src='http://www1.pconline.com.cn/download/images/soft/best/100/kugoo100.gif' border=0 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></td>
</tr><tr><td><div align="center">酷狗2008</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="http://www.webjx.com/upfiles/20050905/20050905085729_right.gif" border=0 onmouseout=StopScroll() onmouseover=Right() style="CURSOR: pointer" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></TD>
</TR></TABLE>
</body>
</body>
</html>
由www.zgsj.com
中国数据 小顾 QQ236986673 为您转载 提供服务器租用和托管及机柜
喜欢
0
赠金笔
加载中，请稍候......
加载中…
喜欢