层(div)的上下滚动
2006-03-24 19:12:19 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閹冣挃闁硅櫕鎹囬垾鏃堝礃椤忎礁浜鹃柨婵嗙凹缁ㄧ粯銇勯幒瀣仾闁靛洤瀚伴獮鍥敍濮f寧鎹囬弻鐔哥瑹閸喖顬堝銈庡亝缁挸鐣烽崡鐐嶆棃鍩€椤掑嫮宓佸┑鐘插绾句粙鏌涚仦鎹愬闁逞屽墰閹虫捇锝炲┑瀣╅柍杞拌兌閻ゅ懐绱撴担鍓插剱妞ゆ垶鐟╁畷銉р偓锝庡枟閻撴洘銇勯幇闈涗簼缂佽埖姘ㄧ槐鎾诲礃閳哄倻顦板┑顔硷工椤嘲鐣烽幒鎴旀瀻闁规惌鍘借ⅵ濠电姷鏁告慨顓㈠磻閹剧粯鈷戞い鎺嗗亾缂佸鏁婚獮鍡涙倷閸濆嫮顔愬┑鐑囩秵閸撴瑦淇婇懖鈺冪<闁归偊鍙庡▓婊堟煛鐏炵硶鍋撻幇浣告倯闁硅偐琛ラ埀顒冨皺閺佹牕鈹戦悙鏉戠仸闁圭ǹ鎽滅划鏃堟偨缁嬭锕傛煕閺囥劌鐏犻柛鎰ㄥ亾婵$偑鍊栭崝锕€顭块埀顒佺箾瀹€濠侀偗婵﹨娅g槐鎺懳熺拠鑼舵暱闂備胶枪濞寸兘寮拠宸殨濠电姵纰嶉弲鎻掝熆鐠虹尨宸ョ€规挸妫濆铏圭磼濡搫顫嶇紓浣风劍閹稿啿鐣烽幋锕€绠婚悹鍥у级瀹撳秴顪冮妶鍡樺鞍缂佸鍨剁粋宥夋倷椤掍礁寮垮┑鈽嗗灣閸樠勭妤e啯鍊垫慨妯煎亾鐎氾拷

核心提示:<div id=demo style="OVERFLOW: hidden; HEIGHT: 235px"><div id=demo1><table cellSpacing=1 cellPadding=0 width="100%" border=0&g
<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="http://www.yide.com/editor/z/20060317/1.jpg" width=80 border=0></a></td>
<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="http://www.yide.com/editor/x/2006/0317/1.jpg" width=80 border=0></a></td>
<td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7194&category_id=26&category_parentid=5" target=_blank><img height=80 src="http://www.yide.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>$ 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.yide.com/featuredproducts/product_detail.asp?view=&product_id=7127&category_id=172&category_parentid=13" target=_blank><img height=80 src="http://www.yide.com/editor/p/2005.10.1/82.6.jpg" width=80 border=0></a></td>
<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="http://www.yide.com/editor/p/2005.10.1/82.8.jpg" width=80 border=0></a></td>
<td><a href="http://www.yide.com/featuredproducts/product_detail.asp?view=&product_id=7022&category_id=186&category_parentid=14" target=_blank><img height=80 src="http://www.yide.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>$ 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>$ 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>
[]
更多精彩
赞助商链接