中文(简体)
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
首页
源码下载
编程相关
建站资源
书籍教程
网页设计教程
网络编程教程
手游
手机软件
文章
首页
>
网页设计教程
>
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=&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>
<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>$ 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=&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>
<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>$ 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>$ 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)}
</脚本>
相关文章
用html css javascript打造自己的RIA图文教程第1/2页
2024-11-17
HTML段落标签
2024-11-12
HTML入门教程
2024-11-12
初步认识网站和HTML
2024-11-12
HTML是什么?
2024-11-12
HTML和网站的基础知识
2024-11-12
Web与HTML的基础知识
2024-11-12
HTML编辑器
2024-11-12
HTML语法规范
2024-11-12
HTML的元素与标签
2024-11-12
HTML常用标签
2024-11-12
HTML最全标签列表
2024-11-12