首頁>網頁設計教程>HTML教程

層（div）的上下滾動

作者：Eve Cole 更新時間：2009-06-11 17:23:27
<div id=demo style="OVERFLOW: 隱藏; HEIGHT: 235px">
<div id=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<正文>
<tralign=中間bgColor=#ffffff>
<td> <a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7198&amp;category_id=32&amp;category_parentid=5 " target=_blank> <img height=80 src =" <td> <a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7168&amp;category_id=118&amp;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&amp;category_parentid=5 " target=_blank> <img高度=80 srcegory_parentsrc =” </tr>
<tralign=中間bgColor=#ffffff>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<正文>
<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>
<正文>
<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>
<正文>
<tr>
<td><font color=#000000>新娘無痕健身胸衣</font></td>
</tr>
<tr>
<td>維多利亞的秘密</td>
</tr>
<tr>
<td><font color=#ff0033>$&nbsp;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>
<正文>
<tr>
<td></td>
</tr>
</tbody>
</表>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<正文>
<tralign=中間bgColor=#ffffff>
<td> <a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7127&amp;category_id=172&amp;category_parentid=13 " target=_blank> <img height=80 ry_parentid=13 " target=_blank> <img height=80 ry_parentsrc =" <td> <a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7087&amp;category_id=202&amp;category_parentid=15 " target=_blank> <img height;category_parentid=15 " target=_blank> <img height= 80 src=" <td> <a href=" http://www.yide.com/featuredproducts/product_detail.asp?view=&amp;product_id=7022&amp;category_id=186&amp;category_parentid=14 " target=_blank> <img高度=80 src=” </tr>
<tralign=中間bgColor=#ffffff>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<正文>
<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>
<正文>
<tr>
<td>足部磨砂護理</td>
<tr>
<td>碧歐泉</td>
</tr>
<tr>
<td><font color=#ff0033>$&nbsp;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>
<正文>
<tr>
<td>nike休閒女鞋</td>
</tr>
<tr>
<td>耐吉</td>
</tr>
<tr>
<td><font color=#ff0033>$&nbsp;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>
<正文>
<tr>
<td></td>
</tr>
</tbody>
</表>
</div>
<div id=demo2></div>
</div>
<腳本>
無功速度=30
demo2.innerHTML=demo1.innerHTML
函數選框(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
別的{
演示.scrollTop++
}
}
var MyMar=setInterval(跑馬燈,速度)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</腳本>
相關文章