层(div或table)的左右滚动

2006-03-24 10:35:42  作者
%26lt;script language="javascript"%26gt;
function MM_setIMG(w,h,d) {
if (w==null) {w=0}
if (h==null) {h=0}
if (w%26lt;=h){ if (h%26gt;=114 || h==0) {d.height=114}}else{ if (w%26gt;=114 || w==0) {d.width=114}}
}
%26lt;/script%26gt;
%26lt;table width="558" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"%26gt;
%26lt;tr%26gt;
%26lt;td bgcolor="#FFFFFF" style="padding-left:2px"%26gt;
%26lt;div id="demoz" style="overflow:hidden;width:550;"%26gt;
%26lt;table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0"%26gt;
%26lt;tr%26gt;
%26lt;td id="demo1z" valign="top"%26gt;
%26lt;table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0"%26gt;
%26lt;tr%26gt;
%26lt;td valign="top"%26gt;%26lt;table width="150" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;td width="150" align="center"%26gt;%26lt;A href="../featuredproducts/product_jump.asp?product_id=7201"%26gt;%26lt;img src="http://cs.yide.com:9000/commerce/ProductPic/N2006317121650s.jpg" border="0"
onLoad="javascript:MM_setIMG(this.width,this.height,this)"%26gt;%26lt;/A%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE: collapse"%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;
%26lt;A href="../featuredproducts/product_jump.asp?product_id=7201"%26gt;Gucci High Heel ....%26lt;/A%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;Gucci高跟系带凉鞋%26lt;/FONT%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD align="middle" colSpan="2" height="12"%26gt;
%26lt;table width="100%" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;TD width="44%" bgColor="#ffffff"%26gt;
%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt; 美元价
%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff"%26gt;%26lt;font color="red"%26gt;%26lt;B%26gt; 525.00 %26lt;/B%26gt;%26lt;/font%26gt;
%26lt;/TD%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;/TABLE%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td valign="top"%26gt;%26lt;table width="150" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;td width="150" align="center"%26gt;%26lt;A href="../featuredproducts/product_jump.asp?product_id=7200"%26gt;%26lt;img src="http://cs.yide.com:9000/commerce/ProductPic/N20063171299s.jpg" border="0" onLoad="javascript:MM_setIMG(this.width,this.height,this)"%26gt;%26lt;/A%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE: collapse"%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;
%26lt;A href="../featuredproducts/product_jump.asp?product_id=7200"%26gt;Giuseppe Zanott ....%26lt;/A%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;小山羊皮高跟女鞋%26lt;/FONT%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD align="middle" colSpan="2" height="12"%26gt;
%26lt;table width="100%" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;TD width="44%" bgColor="#ffffff"%26gt;
%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt; 美元价
%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff"%26gt;%26lt;font color="red"%26gt;%26lt;B%26gt; 475.00 %26lt;/B%26gt;%26lt;/font%26gt;
%26lt;/TD%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;/TABLE%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;

%26lt;td valign="top"%26gt;%26lt;table width="150" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;td width="150" align="center"%26gt;%26lt;A href="../featuredproducts/product_jump.asp?product_id=7170"%26gt;%26lt;img src="http://cs.yide.com:9000/commerce/ProductPic/N2006315153814s.jpg" border="0"
onLoad="javascript:MM_setIMG(this.width,this.height,this)"%26gt;%26lt;/A%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE: collapse"%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;
%26lt;A href="../featuredproducts/product_jump.asp?product_id=7170"%26gt;Prada Python/Cr ....%26lt;/A%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD width="8%" bgColor="#ffffff" height="25"%26gt;%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt;%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff" height="25"%26gt;Prada蟒纹/鳄鱼纹高跟鞋%26lt;/FONT%26gt;%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;TR%26gt;
%26lt;TD align="middle" colSpan="2" height="12"%26gt;
%26lt;table width="100%" border="0" cellspacing="0" cellpadding="0"%26gt;
%26lt;tr%26gt;
%26lt;TD width="44%" bgColor="#ffffff"%26gt;
%26lt;IMG height="11" src="../publicimg/arrow04.gif" width="13"%26gt; 美元价
%26lt;/TD%26gt;
%26lt;TD bgColor="#ffffff"%26gt;%26lt;font color="red"%26gt;%26lt;B%26gt; 850.00 %26lt;/B%26gt;%26lt;/font%26gt;
%26lt;/TD%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/TD%26gt;
%26lt;/TR%26gt;
%26lt;/TABLE%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td id="demo2z" valign="top"%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;script%26gt;
var speedz=30
demo2z.innerHTML=demo1z.innerHTML
function Marqueez(){
if(demo2z.offsetWidth-demoz.scrollLeft%26lt;=0)
demoz.scrollLeft-=demo1z.offsetWidth
else{
demoz.scrollLeft++
}
}
var MyMarz=setInterval(Marqueez,speedz)
demoz.onmouseover=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(Marqueez,speedz)}
%26lt;/script%26gt;