ภาษาไทย
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
หน้าแรก
ดาวน์โหลดซอร์สโค้ด
เกี่ยวกับการเขียนโปรแกรม
ทรัพยากรสร้างเว็บไซต์
หนังสือและบทเรียน
บทเรียนออกแบบเว็บ
บทเรียนการเขียนโปรแกรมเครือข่าย
เกมมือถือ
แอปมือถือ
บทความ
หน้าแรก
>
การสอนการออกแบบเว็บไซต์
>
กวดวิชา HTML
เลื่อนขึ้นและลงของเลเยอร์ (div)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-06-11 17:23:27
<div id=demo style="OVERFLOW: Hidden; HEIGHT: 235px">
<div id=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr align=middle bgColor=#ffffff>
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7198&category_id=32&category_parentid=5 " target=_blank>
<img height=80 src ="
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7168&category_id=118&category_parentid=4 " target=_blank>
<img height= 80 src="
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7194&category_id=26&category_parentid=5 " target=_blank>
<img ความสูง=80 src="
</tr>
<tr align=middle bgColor=#ffffff>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td>圆头绑带女鞋</td>
</tr>
<tr>
<td>คริสเตียน ลูบูแต็ง</td>
</tr>
<tr>
<td><font color=#ff0033>$ 295.00</font></td>
</tr>
<tr>
<td><font color=#ff0033>¥2404.25</font></td>
</tr>
</tbody>
</ตาราง>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td><font color=#000000>DR-S100 คุณ DV </font></td>
</tr>
<tr>
<td>พานาโซนิค</td>
</tr>
<tr>
<td>
<p><font color=#ff0033>$ 849.00</font></p>
</td>
</tr>
<tr>
<td>
<p><font color=#ff0033>¥6,919.35</font></p>
</td>
</tr>
</tbody>
</ตาราง>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td><font color=#000000>新娘无痕紧身胸衣</font></td>
</tr>
<tr>
<td>ความลับของวิคตอเรีย </td>
</tr>
<tr>
<td><font color=#ff0033>$ 48.00</font></td>
</tr>
<tr>
<td><font color=#ff0033>¥</font><span class=red><font color=#ff0033>391.20</font></span></td>
</tr>
</tbody>
</ตาราง>
</td>
</tr>
</tbody>
</ตาราง>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</ตาราง>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr align=middle bgColor=#ffffff>
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7127&category_id=172&category_parentid=13 " target=_blank>
<img height=80 src ="
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7087&category_id=202&category_parentid=15 " target=_blank>
<img height= 80 src="
<td>
<a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7022&category_id=186&category_parentid=14 " target=_blank>
<img ความสูง=80 src="
</tr>
<tr align=middle bgColor=#ffffff>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td><font color=#000000>男表</font></td>
</tr>
<tr>
<td>名士</td>
</tr>
<tr>
<td><font color=#ff0033>$977.00</font></td>
</tr>
<tr>
<td height=12><font color=#ff0033>¥</font><span class=red><font color=#ff0000>7962.55</font></span></td>
</tr>
</tbody>
</ตาราง>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td>足部磨砂护理</td>
<tr>
<td>碧欧泉</td>
</tr>
<tr>
<td><font color=#ff0033>$ 15.00</font></td>
</tr>
<tr>
<td><font color=#ff0033>¥122.25</font></td>
</tr>
</tbody>
</ตาราง>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td>nike休闲女鞋</td>
</tr>
<tr>
<td>ไนกี้</td>
</tr>
<tr>
<td><font color=#ff0033>$ 39.99</font></td>
</tr>
<tr>
<td><font color=#ff0033>¥</font><span class=red><font color=#ff0000>325.92</font></span></td>
</tr>
</tbody>
</ตาราง>
</td>
</tr>
</tbody>
</ตาราง>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</ตาราง>
</div>
<div id=demo2></div>
</div>
<สคริปต์>
ความเร็วแปรผัน=30
demo2.innerHTML=demo1.innerHTML
ฟังก์ชันปะรำ(){
ถ้า(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
อื่น{
สาธิต.scrollTop++
-
-
var MyMar=setInterval(ปะรำ,ความเร็ว)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(กระโจม,ความเร็ว)}
</สคริปต์>
บทความที่เกี่ยวข้อง
เห็นคุณค่าของการตลาดออนไลน์ผ่าน SEO
2009-06-11
รายการแท็ก HTML<2>
2009-06-11
รายการแท็ก HTML<1>
2009-06-11
การป้องกันที่อยู่อีเมลบนหน้าเว็บ
2009-06-11
Cool Web Scrollbars - ปรับแต่งแถบเลื่อนสำหรับหน้าเว็บ
2009-06-11
แอตทริบิวต์ alt และแอตทริบิวต์ชื่อ
2009-06-11
เอฟเฟกต์ "ภาพซ้อนภาพ"--อภิปรายเกี่ยวกับการใช้แท็ก IFRAME
2009-06-11
อะไรคือลักษณะของ XHTML เมื่อเทียบกับ HTML?
2009-06-11
ข้อผิดพลาด HTML ทั่วไปห้าประการในการออกแบบเว็บไซต์
2009-06-11
รับพารามิเตอร์ในแถบที่อยู่ใน html
2009-06-11
ไฟล์รวมจะรวมอยู่ในไฟล์ HTML ด้วย
2009-06-11
การเลื่อนเลเยอร์ซ้ายและขวา (div หรือตาราง)
2009-06-11