·您的位置: 首页 » 资源教程 » 编程开发 » HTML、CSS » 层(DIV)的上下滚动

层(DIV)的上下滚动

类别: HTML、CSS教程  评论数:0 总得分:0

<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.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7198&amp;category_id=32&amp;category_parentid=5" target=_blank><img height=80 src="http://www.etoow.com/editor/z/20060317/1.jpg" width=80 border=0></a></td>
<td><a href="http://www.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7168&amp;category_id=118&amp;category_parentid=4" target=_blank><img height=80 src="http://www.etoow.com/editor/x/2006/0317/1.jpg" width=80 border=0></a></td>
<td><a href="http://www.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7194&amp;category_id=26&amp;category_parentid=5" target=_blank><img height=80 src="http://www.etoow.com/editor/z/20060317/2.jpg" width=80 border=0></a></td>
</tr>
<tr align=middle bgColor=#ffffff>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td>圆头绑带女鞋</td>
</tr>
<tr>
<td>Christian Louboutin</td>
</tr>
<tr>
<td><font color=#ff0033>$ 295.00</font></td>
</tr>
<tr>
<td><font color=#ff0033>¥2404.25</font></td>
</tr>
</tbody>
</table>
</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>Panasonic</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>
</table>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td><font color=#000000>新娘无痕紧身胸衣</font></td>
</tr>
<tr>
<td>Victoria\'s Secret </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>
</table>
</td>
</tr>
</tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr align=middle bgColor=#ffffff>
<td><a href="http://www.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7127&amp;category_id=172&amp;category_parentid=13" target=_blank><img height=80 src="http://www.etoow.com/editor/p/2005.10.1/82.6.jpg" width=80 border=0></a></td>
<td><a href="http://www.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7087&amp;category_id=202&amp;category_parentid=15" target=_blank><img height=80 src="http://www.etoow.com/editor/p/2005.10.1/82.8.jpg" width=80 border=0></a></td>
<td><a href="http://www.etoow.com/featuredproducts/product_detail.asp?view=&amp;product_id=7022&amp;category_id=186&amp;category_parentid=14" target=_blank><img height=80 src="http://www.etoow.com/editor/x/2006/0317/2.jpg" width=80 border=0></a></td>
</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>
</table>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<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>
</table>
</td>
<td>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td>nike休闲女鞋</td>
</tr>
<tr>
<td>nike</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>
</table>
</td>
</tr>
</tbody>
</table>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1