หน้าแรก>การสอนการออกแบบเว็บไซต์>กวดวิชา HTML

การเลื่อนเลเยอร์ซ้ายและขวา (div หรือตาราง)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-11 17:23:34
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น MM_setIMG (w, h, d) {
ถ้า (w==null) {w=0}
ถ้า (h==null) {h=0}
ถ้า (w<=h){ ถ้า (h>=114 || h==0) {d.height=114}}else{ ถ้า (w>=114 || w==0) {d.width=114 }}
-
</สคริปต์>
<table width="558" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF" style="padding-left:2px">
<div id="demoz" style="overflow:hidden;width:550;">
<table border="0" align="left" cellpadding="0" cellspacing="0" เซลล์สเปซ="0">
<tr>
<td id="demo1z" valign="top">
<table border="0" align="left" cellpadding="0" cellspacing="0" เซลล์สเปซ="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. ส่วนสูงนี่)"></A></td>
</tr>
<tr>
<td><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE:ยุบ">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">
<A href="../featuredproducts/product_jump.asp?product_id=7201">รองเท้าส้นสูง 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">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> ความงาม
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 525.00 </B></font>
</TD>
</tr>
</ตาราง>
</TD>
</TR>
</ตาราง>
</td>
</tr>
</ตาราง>
</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><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE:ยุบ">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">
<A href="../featuredproducts/product_jump.asp?product_id=7200">จูเซปเป ซานอตต์ ....</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">小yama羊皮高跟女鞋</FONT></TD>
</TR>
<TR>
<TD align="middle" colSpan="2" height="12">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> ความงาม
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 475.00 </B></font>
</TD>
</tr>
</ตาราง>
</TD>
</TR>
</ตาราง>
</td>
</tr>
</ตาราง>
</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. ส่วนสูงนี่)"></A></td>
</tr>
<tr>
<td><TABLE width="98%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#F2F2F2"
style="BORDER-COLLAPSE:ยุบ">
<TR>
<TD width="8%" bgColor="#ffffff" height="25"><IMG height="11" src="../publicimg/arrow04.gif" width="13"></TD>
<TD bgColor="#ffffff" height="25">
<A href="../featuredproducts/product_jump.asp?product_id=7170">ปราด้า ไพธอน/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">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<TD width="44%" bgColor="#ffffff">
<IMG height="11" src="../publicimg/arrow04.gif" width="13"> ความงาม
</TD>
<TD bgColor="#ffffff"><font color="red"><B> 850.00 </B></font>
</TD>
</tr>
</ตาราง>
</TD>
</TR>
</ตาราง>
</td>
</tr>
</ตาราง>
</td>
</tr>
</ตาราง>
</td>
<td id="demo2z" valign="top"></td>
</tr>
</ตาราง>
</div>
</td>
</tr>
</ตาราง>
<สคริปต์>
var speedz=30
demo2z.innerHTML=demo1z.innerHTML
ฟังก์ชั่นมาร์เกซ(){
ถ้า(demo2z.offsetWidth-demoz.scrollLeft<=0)
demoz.scrollLeft-=demo1z.offsetWidth
อื่น{
demoz.scrollLeft++
-
-
var MyMarz=setInterval(มาร์เกซ,สปีดซ์)
demoz.onmouseover=function() {clearInterval(MyMarz)}
demoz.onmouseout=function() {MyMarz=setInterval(มาร์เควซ,speedz)}
</สคริปต์>
บทความที่เกี่ยวข้อง