여러 브라우저_javascript 기술과 호환되는 뉴스 기사의 연속 스크롤 목록

<!--Quirks Mode--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Fifty Studio│연속스크롤되는 뉴스기사 목록</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css"> <!--[if IE]><style> @import url("/tutorials/demo/css/ie.css"); </style><![endif]--> <style type="text/css"> <!-- a{background:#FFF; color:#333;} a:hover{background:#FFF;color: #C00;} #demo ul{text-align: left; } #demo li a{line-height:2em; padding-left:1.5em;background: #F7F7F7 url(/img/arrow_l2_over.gif) no-repeat 0 50%;display: block;margin-bottom: 1px;} #FGWrapper{width: 400px; margin:2em auto; background:#EEE;} #demo{overflow:hidden; width: 390px;height: 150px; background:#FFF;margin: 5px;float: left;display: inline;} #desc{ font-size: 1em; padding:0 10px 10px; clear:both;text-align:left;} #copyright{float: right;} --> </style> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> <div id="ForestganWrap"> <div id="forestganHeader"> <a href="/"><img class="logo lazy" src="/static/imghwm/default1.png" data-src="/img/logo.gif" style="max-width:90%" style="max-width:90%" alt="Fifty Studio"></a> <h1>CSS 레이아웃 데모 Forestgan의 CSS 레이아웃</h1> <h2 id="demo_date">2006년 11월 1일 발행</h2> </div> <div id="forestganMiddle"> <div id="FGWrapper"> <div id="demo"> <div id="demo1"> <ul> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">3열 액체 레이아웃 │3열 액체 레이아웃 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7과 CSS의 호환성--박스 모델 변경 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">크기를 알 수 없는 컨테이너에 크기를 알 수 없는 이미지를 가로, 세로로 중앙에 배치(2) </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">다른 브라우저에 대해 다른 CSS를 로드하는 두 가지 방법 CSS 브라우저 선택기 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能">ASP 프로그램을 사용하여 첫 번째 자식 기능 시뮬레이션 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法">웹페이지가 표준을 충족하는지 로컬에서 확인하는 여러 가지 방법 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具">접근성 및 일반 개발자 도구 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案">전체 너비를 알 수 없는 가로 중심 목록 메뉴에 대한 솔루션 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件">로봇 프로그램용으로 준비된 Robots.txt 파일</a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">알려진 컨테이너에서 크기를 알 수 없는 이미지의 수직 및 수평 센터링 문제 </a></li> </ul> </div> <div id="demo2"> </div> </div> <div id="desc"> <a href="http://www.forest53.com"><span id="copyright"></span>Design by Forestgan</a> </div>기사 목록 연속 스크롤 데모</div> </div> </div> <div id="forestganFooter"> <address> <a href="http://www.forest53.com"> 데모 페이지 디자인 및 제작: </a>Forestgan<a href="http://www.creativecommons.cn/"> </a>Creative Commons License<a href="javascript:history.back()"> 사용--저작자 표시 및 비상업적 사용 </a>이전 페이지로 돌아가기</address> </div> <noscript> <p> </p> </noscript> <noscript>Google 분석<p> </p> </noscript> 내 통계

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]