無(wú)間斷滾動(dòng)的新聞文章列表多瀏覽器兼容

更新時(shí)間：2007年01月29日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>Fifty Studio│無(wú)間斷滾動(dòng)的新聞文章列表</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" />  <style type="text/css">  </style> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> </head> <body> <div   class="pevrypg"   id="ForestganWrap">   <div   class="seq2ab7"   id="forestganHeader"> <a href="/"><img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /></a>     <h1>CSS 布局演示 CSS Layout by Forestgan</h1>     <h2 id="demo_date">2006-11-1 發(fā)表</h2>   </div>   <div   class="s7qxebd"   id="forestganMiddle"> <div   class="wtfwd2t"   id="FGWrapper"> <div   class="acp7b72"   id="demo"> <div   class="iegsvhp"   id="demo1"> <ul>     <li><a  title="三列自適應(yīng)寬度液態(tài)布局│Three Column Liquid Layouts">三列自適應(yīng)寬度液態(tài)布局│Three Column Liquid Layouts </a></li>     <li><a  title="Internet Explorer 7 對(duì)CSS的兼容--Box Model Changes">Internet Explorer 7 對(duì)CSS的兼容--Box Model Changes </a></li>     <li><a  title="未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）">未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二） </a></li>     <li><a  title="為不同的瀏覽器載入不同CSS的二種方法CSS Browser Selector">為不同的瀏覽器載入不同CSS的二種方法CSS Browser Selector </a></li>     <li><a  title="用ASP程序模擬實(shí)現(xiàn)first-child的功能">用ASP程序模擬實(shí)現(xiàn)first-child的功能 </a></li>     <li><a  title="本地檢驗(yàn)網(wǎng)頁(yè)是否符合標(biāo)準(zhǔn)的幾種方法">本地檢驗(yàn)網(wǎng)頁(yè)是否符合標(biāo)準(zhǔn)的幾種方法 </a></li>     <li><a  title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>     <li><a  title="未知總寬度的列表菜單水平居中的解決方案">未知總寬度的列表菜單水平居中的解決方案 </a></li>     <li><a  title="為機(jī)器人程序準(zhǔn)備的robots.txt文件">為機(jī)器人程序準(zhǔn)備的robots.txt文件 </a></li>     <li><a  title="未知大小圖片在已知容器中的垂直和水平居中問(wèn)題">未知大小圖片在已知容器中的垂直和水平居中問(wèn)題 </a></li> </ul> </div> <div   class="kprht2j"   id="demo2">&nbsp;</div> <script type="text/javascript">     //圖片無(wú)間斷滾動(dòng)代碼，兼容IE、Firefox、Opera     //原腳本是IE only，來(lái)自網(wǎng)上，作者未知     //部分內(nèi)容是由forestgan為了JS代碼標(biāo)準(zhǔn)化，兼容以gecko為內(nèi)核的瀏覽器于2006-10-30重寫(xiě)     //http://www.forest53.com     var speed=40;     var FGDemo=document.getElementById('demo');     var FGDemo1=document.getElementById('demo1');     var FGDemo2=document.getElementById('demo2');     FGDemo2.innerHTML=FGDemo1.innerHTML     function Marquee1(){     if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)     FGDemo.scrollTop-=FGDemo1.offsetHeight     else{     FGDemo.scrollTop++     }     }     var MyMar1=setInterval(Marquee1,speed)     FGDemo.onmouseover=function() {clearInterval(MyMar1)}     FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> </div> <div   class="8bb27v2"   id="desc"><a ><span id="copyright">Design by Forestgan</span></a>文章列表無(wú)間斷滾動(dòng)演示</div> </div> </div> </div> <div   class="pzlxugx"   id="forestganFooter">   <address>   演示頁(yè)面設(shè)計(jì)制作： <a >Forestgan</a> &nbsp;&nbsp;采用<a >創(chuàng)作共用授權(quán)</a>--署名和非商業(yè)用途<a href="javascript:history.back()">返回前一頁(yè)</a>   </address> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-152060-1"; urchinTracker(); </script> <noscript> <p>google-analytics</p> </noscript> <script src="/js/copyrightdemo.js" type="text/javascript"></script> <noscript><p>my stat</p></noscript> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: