한국어
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
홈페이지
소스 다운로드
프로그래밍 관련
웹사이트 자원
서적 튜토리얼
웹 디자인 튜토리얼
네트워크 프로그래밍 튜토리얼
모바일 게임
휴대폰 소프트웨어
문서
홈페이지
>
웹 디자인 튜토리얼
>
HTML 튜토리얼
레이어(div) 위아래로 스크롤
저자:Eve Cole
업데이트 시간:2009-06-11 17:23:27
<div id=demo style="오버플로우: 숨김; 높이: 235px">
<사업부 ID=demo1>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=0>
<본체>
<tr 정렬=중간 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>
<tr 정렬=중간 bgColor=#ffffff>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=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>
</table>
</td>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=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>
</table>
</td>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=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>
</table>
</td>
</tr>
</tbody>
</table>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=0>
<본체>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=0>
<본체>
<tr 정렬=중간 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>
<tr 정렬=중간 bgColor=#ffffff>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=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>
</table>
</td>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=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>
</table>
</td>
<TD>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=0>
<본체>
<tr>
<td>나이키 休闲女鞋</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>
</table>
</td>
</tr>
</tbody>
</table>
<테이블 cellSpacing=1 cellPadding=0 너비="100%" 테두리=0>
<본체>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</div>
<div id=demo2></div>
</div>
<스크립트>
변수 속도=30
데모2.innerHTML=demo1.innerHTML
함수 마키(){
if(demo2.offsetTop-demo.scrollTop<=0)
데모.scrollTop-=demo1.offsetHeight
또 다른{
데모.스크롤탑++
}
}
var MyMar=setInterval(선택 윤곽,속도)
데모.onmouseover=function() {clearInterval(MyMar)}
데모.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
관련 기사
SEO를 통한 온라인 마케팅의 가치를 확인하세요
2009-06-11
HTML 태그 목록<2>
2009-06-11
HTML 태그 목록<1>
2009-06-11
웹페이지의 이메일 주소 보호
2009-06-11
Cool Web Scrollbars - 웹 페이지의 스크롤 막대를 사용자 정의합니다.
2009-06-11
Alt 속성과 title 속성
2009-06-11
"Picture-in-picture" 효과--IFRAME 태그 사용에 대해 설명
2009-06-11
HTML과 비교하여 XHTML의 특징은 무엇입니까?
2009-06-11
웹 디자인에서 흔히 발생하는 HTML 실수 5가지
2009-06-11
HTML의 주소 표시줄에서 매개변수 수신
2009-06-11
포함 파일은 HTML 파일에도 포함됩니다.
2009-06-11
레이어(div 또는 테이블)의 왼쪽 및 오른쪽 스크롤
2009-06-11