国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

無間斷滾動的新聞文章列表，兼容IE、Firefox和Opera，符合W3C標準。可作Marquee

2019-11-21 02:04:23
字體：大 中 小
來源：轉載
供稿：網友
<!--Quirks Mode-->
<!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│無間斷滾動的新聞文章列表</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>
</head>
<body>
<div id="ForestganWrap">
  <div 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 發表</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">三列自適應寬度液態布局│Three Column Liquid Layouts </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的兼容--Box Model Changes </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=74" title="未知大小的圖片在一個已知大小容器中的水平和垂直居中（二）">未知大小的圖片在一個已知大小容器中的水平和垂直居中（二） </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=73" title="為不同的瀏覽器載入不同CSS的二種方法CSS Browser Selector">為不同的瀏覽器載入不同CSS的二種方法CSS Browser Selector </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模擬實現first-child的功能">用ASP程序模擬實現first-child的功能 </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工具">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>
<script type="text/javascript">
    //圖片無間斷滾動代碼，兼容IE、Firefox、Opera
    //原腳本是IE only，來自網上，作者未知
    //部分內容是由forestgan為了JS代碼標準化，兼容以gecko為內核的瀏覽器于2006-10-30重寫
    //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 id="desc"><a href="http://www.forest53.com"><span id="copyright">Design by Forestgan</span></a>文章列表無間斷滾動演示</div>
</div> </div>
</div>
<div id="forestganFooter">
  <address>
  演示頁面設計制作： <a href="http://www.forest53.com">Forestgan</a>   采用<a href="http://www.creativecommons.cn/">創作共用授權</a>--署名和非商業用途<br /><a href="javascript:history.back()">返回前一頁</a>
  </address>
</div>
<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需刷新才能執行]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 南京市| 梧州市| 仙游县| 巴中市| 武宁县| 香港 | 黎川县| 平定县| 巴塘县| 宝清县| 青海省| 射洪县| 南投县| 佛冈县| 罗平县| 裕民县| 呼伦贝尔市| 长顺县| 民权县| 古蔺县| 虎林市| 达拉特旗| 铜川市| 丰镇市| 伊金霍洛旗| 闽清县| 谷城县| 封丘县| 芒康县| 南漳县| 丰原市| 建昌县| 胶南市| 九龙城区| 峨眉山市| 阿拉尔市| 高台县| 交口县| 定南县| 高青县| 怀远县|