Русский

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

Главная страница>Учебник по веб-дизайну>Учебник по HTML

Прокрутите вверх и вниз слоя (div)

Автор：Eve Cole Время обновления：2009-06-11 17:23:27

<div id=demo style="ПЕРЕПОЛНЕНИЕ: скрыто; ВЫСОТА: 235 пикселей">
<идентификатор div=demo1>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<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 =" <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 исходный=" </tr>
<tr align=middle bgColor=#ffffff>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td>Оборудование для переноски</td>
</tr>
<тр>
<td>Кристиан Лубутен</td>
</tr>
<тр>
<td><font color=#ff0033>295,00 долларов США</font></td>
</tr>
<тр>
<td><font color=#ff0033>2404,25 ￥</font></td>
</tr>
</tbody>
</таблица>
</td>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td><font color=#000000>DR-S100 迷你DV </font></td>
</tr>
<тр>
<td>Панасоник</td>
</tr>
<тр>
<тд>
<p><font color=#ff0033>849,00 долларов США</font></p>
</td>
</tr>
<тр>
<тд>
<p><font color=#ff0033>6919,35 ￥</font></p>
</td>
</tr>
</tbody>
</таблица>
</td>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td><font color=#000000>新娘无痕紧身胸衣</font></td>
</tr>
<тр>
<td>Секрет Виктории </td>
</tr>
<тр>
<td><font color=#ff0033>48,00 долларов США</font></td>
</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>
</tbody>
</таблица>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<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 =" <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 исходный=" </tr>
<tr align=middle bgColor=#ffffff>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td><font color=#000000>男表</font></td>
</tr>
<тр>
<td>名士</td>
</tr>
<тр>
<td><font color=#ff0033>977,00 долларов США</font></td>
</tr>
<тр>
<td height=12><font color=#ff0033>￥</font><span class=red><font color=#ff0000>7962,55</font></span></td>
</tr>
</tbody>
</таблица>
</td>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td>Обозначение значка</td>
<тр>
<td>Обозначение</td>
</tr>
<тр>
<td><font color=#ff0033>15,00 долларов США</font></td>
</tr>
<тр>
<td><font color=#ff0033>122,25 фунтов</font></td>
</tr>
</tbody>
</таблица>
</td>
<тд>
<table cellSpacing=1 cellPadding=0 width="100%" border=0>
<тело>
<тр>
<td>Найк 休闲女鞋</td>
</tr>
<тр>
<td>Найк</td>
</tr>
<тр>
<td><font color=#ff0033>39,99 долларов США</font></td>
</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>
</tbody>
</таблица>
</div>
<div id=demo2></div>
</div>
<скрипт>
вар скорость = 30
demo2.innerHTML=demo1.innerHTML
функция Marquee(){
если (demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
еще{
demo.scrollTop++
}
}
var MyMar=setInterval(Выделение,скорость)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</скрипт>

Связанные статьи