鼠标经过箭头时,图片会向左或向右横向移动

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> 图形特效

鼠标经过箭头时,图片会向左或向右横向移动

[ 发布者：肥鱼 | 来源：本站整理 | 时间：2005-12-29 | 浏览：人次 ]

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JcwCn.Com/Js|---鼠标经过箭头时,图片会向左或向右横向移动</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="../../www.webjx.com/upfiles/20050905/20050905085723_left.gif" tppabs="http://sc.jcwcn.com/tx/upfiles/20050905/20050905085723_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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406301.jpg  http://sc.jcwcn.com/tx/img/200406301.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406301.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406302.jpg  http://sc.jcwcn.com/tx/img/200406302.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406302.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406303.jpg  http://sc.jcwcn.com/tx/img/200406303.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406303.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406304.jpg  http://sc.jcwcn.com/tx/img/200406304.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406304.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406305.jpg  http://sc.jcwcn.com/tx/img/200406305.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406305.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406304.jpg  http://sc.jcwcn.com/tx/img/200406304.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406304.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="javascript:if(confirm('http://sc.jcwcn.com/tx/img/200406305.jpg  http://sc.jcwcn.com/tx/img/200406305.jpg'" tppabs="http://sc.jcwcn.com/tx/img/200406305.jpg" border=0></td>
</tr><tr><td><div align="center">第4期</div></td>

<!--END: 相关特效 -->


</DIV>
</DIV>
<!--END: 详细内容 -->

</DIV>

<!--START: 页脚 -->
<DIV id=bottom_style_1></DIV>
<DIV id=bottom_style_2></DIV>
<DIV id=bottom_style_3></DIV>
<DIV class=bottom_style_5>
CopyRight © 2006 <A class=dtlTxt href="http://www.jcwcn.com" tppabs="http://sc.jcwcn.com/tx/" target=_blank>JcwCn.Com</A> All Rights Reserved
<BR>
网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与 
<a class=dtlTxt href="mailto:jcwcnmail@gmail.com">站长联系</a>  


</DIV>
<!--END: 页脚 -->

</body>

</html>