首页新闻资讯软件应用操作系统网络编程网页制作站长之家图形图象软件教学冲浪宝典网络安全认证考试服务器技术组网技术

层（div）的上下滚动

2006-03-24 10:35:42 作者

%26lt;div id=demo style="OVERFLOW: hidden; HEIGHT: 235px"%26gt;
%26lt;div id=demo1%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr align=middle bgColor=#ffffff%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7198%26amp;amp;category_id=32%26amp;amp;category_parentid=5" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044856555.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7168%26amp;amp;category_id=118%26amp;amp;category_parentid=4" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044856223.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7194%26amp;amp;category_id=26%26amp;amp;category_parentid=5" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044857644.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr align=middle bgColor=#ffffff%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;圆头绑带女鞋%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;Christian Louboutin%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;$ 295.00%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;￥2404.25%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#000000%26gt;DR-S100 迷你DV %26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;Panasonic%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;p%26gt;%26lt;font color=#ff0033%26gt;$ 849.00%26lt;/font%26gt;%26lt;/p%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;p%26gt;%26lt;font color=#ff0033%26gt;￥6,919.35%26lt;/font%26gt;%26lt;/p%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#000000%26gt;新娘无痕紧身胸衣%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;Victoria's　Secret %26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;$%26amp;nbsp;48.00%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;￥%26lt;/font%26gt;%26lt;span class=red%26gt;%26lt;font color=#ff0033%26gt;391.20%26lt;/font%26gt;%26lt;/span%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;　%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr align=middle bgColor=#ffffff%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7127%26amp;amp;category_id=172%26amp;amp;category_parentid=13" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044857944.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7087%26amp;amp;category_id=202%26amp;amp;category_parentid=15" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044858369.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;a href="http://www.yide.com/featuredproducts/product_detail.asp?view=%26amp;amp;product_id=7022%26amp;amp;category_id=186%26amp;amp;category_parentid=14" target=_blank%26gt;%26lt;img height=80 src="/uploadfile/web/uploadfile/200804/20080425044859884.jpg" width=80 border=0%26gt;%26lt;/a%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr align=middle bgColor=#ffffff%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#000000%26gt;男表%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;名士%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;$977.00%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td height=12%26gt;%26lt;font color=#ff0033%26gt;￥%26lt;/font%26gt;%26lt;span class=red%26gt;%26lt;font color=#ff0000%26gt;7962.55%26lt;/font%26gt;%26lt;/span%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;足部磨砂护理%26lt;/td%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;碧欧泉%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;$%26amp;nbsp;15.00%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;￥122.25%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;nike休闲女鞋%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;nike%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;$%26amp;nbsp;39.99%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;font color=#ff0033%26gt;￥%26lt;/font%26gt;%26lt;span class=red%26gt;%26lt;font color=#ff0000%26gt;325.92%26lt;/font%26gt;%26lt;/span%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;table cellSpacing=1 cellPadding=0 width="100%" border=0%26gt;
%26lt;tbody%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;　%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/tbody%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;
%26lt;div id=demo2%26gt;%26lt;/div%26gt;
%26lt;/div%26gt;
%26lt;script%26gt;
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop%26lt;=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)}
%26lt;/script%26gt;