Beranda>Tutorial Desain Web>tutorial HTML

Menggulir lapisan ke kiri dan kanan (div atau tabel)

Penulis：Eve Cole Waktu Pembaruan：2009-06-11 17:23:34
<skrip bahasa="javascript">
fungsi MM_setIMG(w,h,d) {
jika (w==batal) {w=0}
jika (h==batal) {h=0}
if (w<=h){ if (h>=114 || h==0) {d.height=114}}else{ if (w>=114 || w==0) {d.width=114 }}
}
</skrip>
<tabel lebar = "558" border = "0" align = "center" cellpadding = "0" Cellspacing = "1" bgcolor = "#CCCCCC">
<tr>
<td bgcolor="#FFFFFF" style="padding-kiri:2px">
<div id="demoz" style="overflow:hidden;width:550;">
<tabel border="0" align="left" cellpadding="0" Cellspacing="0" cellspace="0">
<tr>
<td id="demo1z" valign="atas">
<tabel border="0" align="left" cellpadding="0" Cellspacing="0" cellspace="0">
<tr>
<td valign="top"><table width="150" border="0" Cellspacing="0" cellpadding="0">
<tr>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7201"><img src=" onLoad="javascript:MM_setIMG(this.width,this. tinggi,ini)"></A></td>
</tr>
<tr>
<td><TABEL lebar = "98%" border = "0" align = "center" cellpadding = "0" Cellspacing = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: runtuh">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" tinggi="25">
<A href="../featuredproducts/product_jump.asp?product_id=7201">Sepatu Hak Tinggi Gucci ....</A></TD>
</TR>
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">Gucci高跟系带凉鞋</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<lebar tabel="100%" border="0" Cellspacing="0" cellpadding="0">
<tr>
<TD lebar="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> 美元价
</TD>
<TD bgColor="#ffffff"><font color="merah"><B> 525,00 </B></font>
</TD>
</tr>
</tabel>
</TD>
</TR>
</TABEL>
</td>
</tr>
</tabel>
</td>
<td valign="top"><table width="150" border="0" Cellspacing="0" cellpadding="0">
<tr>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7200"><img src=" </tr>
<tr>
<td><TABEL lebar = "98%" border = "0" align = "center" cellpadding = "0" Cellspacing = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: runtuh">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" tinggi="25">
<A href="../featuredproducts/product_jump.asp?product_id=7200">Giuseppe Zanott ....</A></TD>
</TR>
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">小山羊皮高跟女鞋</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<lebar tabel="100%" border="0" Cellspacing="0" cellpadding="0">
<tr>
<TD lebar="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> 美元价
</TD>
<TD bgColor="#ffffff"><font color="merah"><B> 475,00 </B></font>
</TD>
</tr>
</tabel>
</TD>
</TR>
</TABEL>
</td>
</tr>
</tabel>
</td>

<td valign="top"><table width="150" border="0" Cellspacing="0" cellpadding="0">
<tr>
<td width="150" align="center"><A href="../featuredproducts/product_jump.asp?product_id=7170"><img src=" onLoad="javascript:MM_setIMG(this.width,this. tinggi,ini)"></A></td>
</tr>
<tr>
<td><TABEL lebar = "98%" border = "0" align = "center" cellpadding = "0" Cellspacing = "0" bgcolor = "#F2F2F2"
style="BORDER-COLLAPSE: runtuh">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" tinggi="25">
<A href="../featuredproducts/product_jump.asp?product_id=7170">Prada Python/Cr ....</A></TD>
</TR>
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">Prada蟒纹/鳄鱼纹高跟鞋</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<lebar tabel="100%" border="0" Cellspacing="0" cellpadding="0">
<tr>
<TD lebar="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> 美元价
</TD>
<TD bgColor="#ffffff"><font color="merah"><B> 850,00 </B></font>
</TD>
</tr>
</tabel>
</TD>
</TR>
</TABEL>
</td>
</tr>
</tabel>
</td>
</tr>
</tabel>
</td>
<td id="demo2z" valign="atas"></td>
</tr>
</tabel>
</div>
</td>
</tr>
</tabel>
<skrip>
var kecepatanz=30
demo2z.innerHTML=demo1z.innerHTML
fungsi Marquis(){
if(demo2z.offsetWidth-demoz.scrollLeft<=0)
demoz.scrollLeft-=demo1z.offsetWidth
kalau tidak{
demoz.scrollLeft++
}
}
var MyMarz=setInterval(Marqueez,speedz)
demoz.onmouseover=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(Marqueez,speedz)}
</skrip>
Artikel Terkait