<HTML> <HEAD> <TITLE>腾讯商品滚动效果</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE>BODY { FONT-SIZE: 12px; LINE-HEIGHT: 20px } TABLE { FONT-SIZE: 12px; LINE-HEIGHT: 20px } .fcorg { COLOR: #f60 } .l000 { COLOR: #000 } A.l000:link { COLOR: #000 } A.l000:visited { COLOR: #000 } </STYLE> <TABLE cellSpacing=0 cellPadding=0 width=285 border=0> <TBODY> <TR> <TD align=middle width=20><IMG onMouseOver="moveThis('left')" style="CURSOR: pointer" mce_style="CURSOR: pointer" οnmοuseοut=moveout() height=30 src="/jscss/demoimg/200906//6637716.gif" mce_src="jscss/demoimg/200906//6637716.gif" width=8></TD> <TD> <DIV id=demo style="OVERFLOW: hidden; WIDTH: 255px; HEIGHT: 78px"> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD id=demo1> <TABLE id=demo3 style="MARGIN-LEFT: 0px" mce_style="MARGIN-LEFT: 0px" cellSpacing=0 cellPadding=0 width=459 border=0> <TBODY> <TR> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=40 src="/jscss/demoimg/200906/mobile_0904.gif" mce_src="jscss/demoimg/200906/mobile_0904.gif" width=44 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/070417_mp3.gif" mce_src="jscss/demoimg/200906/070417_mp3.gif" width=38 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/071019game1.gif" mce_src="jscss/demoimg/200906/071019game1.gif" width=37 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/20070404_img9_4.gif" mce_src="jscss/demoimg/200906/20070404_img9_4.gif" width=37 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/20070404_img9_6.gif" mce_src="jscss/demoimg/200906/20070404_img9_6.gif" width=38 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/071019game2.gif" mce_src="jscss/demoimg/200906/071019game2.gif" width=37 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/070913_2.gif" mce_src="jscss/demoimg/200906/070913_2.gif" width=37 border=0></A></TD> <TD align=middle width=51><A href="#" mce_href="#" target=_blank><IMG height=38 src="/jscss/demoimg/200906/070913_1.gif" mce_src="jscss/demoimg/200906/070913_1.gif" width=32 border=0></A></TD></TR> <TR> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>手机</A><BR><SPAN class=fcorg>6折</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>MP4</A><BR><SPAN class=fcorg>99元</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>电玩</A><BR><SPAN class=fcorg>6折</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>网游</A><BR><SPAN class=fcorg>5折</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>戒指</A><BR><SPAN class=fcorg>38元</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>单反</A><BR><SPAN class=fcorg>6折</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>足球鞋</A><BR><SPAN class=fcorg>109元</SPAN></TD> <TD align=middle><A class=l000 href="#" mce_href="#" target=_blank>秋装</A><BR><SPAN class=fcorg>39元</SPAN></TD></TR></TBODY></TABLE> </TD> <TD id=demo2></TD></TR></TBODY></TABLE></DIV> </TD> <TD align=middle width=20><IMG onMouseOver="moveThis('right')" style="CURSOR: pointer" mce_style="CURSOR: pointer" οnmοuseοut=moveout() height=30 src="/jscss/demoimg/200906/6637743.gif" mce_src="jscss/demoimg/200906/6637743.gif" width=8></TD></TR></TBODY></TABLE> <SCRIPT language=javascript> function $(v){return document.getElementById(v);} var speed=30; demo2.innerHTML=demo1.innerHTML; function MarqueeL(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth; else demo.scrollLeft++; } function MarqueeR(){ if(demo2.offsetWidth-demo.scrollLeft>=255) demo.scrollLeft+=demo1.offsetWidth; else demo.scrollLeft--; } var flag=0; var MyMar; //var MyMar=setInterval(MarqueeL,speed); demo.οnmοuseοver=function() {if(MyMar){clearInterval(MyMar)}} //demo.οnmοuseοut=function() {MyMar=setInterval(MarqueeR,speed)} function moveout(way) { if(MyMar) { clearInterval(MyMar); } } function moveThis(way){ if(way=='right'){ flag=1; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeR,speed); } else{ flag=0; if(MyMar) { clearInterval(MyMar); } MyMar=setInterval(MarqueeL,speed); } if(flag) demo.οnmοuseοut=function() {MyMar=setInterval(MarqueeR,speed)} else demo.οnmοuseοut=function() {MyMar=setInterval(MarqueeL,speed)} } </SCRIPT> </BODY> </HTML>