欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

無間斷滾動的新聞文章列表，兼容IE、Firefox和Opera，符合W3C標(biāo)準(zhǔn)?？勺鱉arquee

 更新時(shí)間：2007年05月22日 00:00:00   作者：  
<!--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 發(fā)表</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&amp;id=76" title="三列自適應(yīng)寬度液態(tài)布局│Three Column Liquid Layouts">三列自適應(yīng)寬度液態(tài)布局│Three Column Liquid Layouts </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;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&amp;id=74" title="未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二）">未知大小的圖片在一個(gè)已知大小容器中的水平和垂直居中（二） </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;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&amp;id=72" title="用ASP程序模擬實(shí)現(xiàn)first-child的功能">用ASP程序模擬實(shí)現(xiàn)first-child的功能 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=71" title="本地檢驗(yàn)網(wǎng)頁是否符合標(biāo)準(zhǔn)的幾種方法">本地檢驗(yàn)網(wǎng)頁是否符合標(biāo)準(zhǔn)的幾種方法 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&amp;id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=69" title="未知總寬度的列表菜單水平居中的解決方案">未知總寬度的列表菜單水平居中的解決方案 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=68" title="為機(jī)器人程序準(zhǔn)備的robots.txt文件">為機(jī)器人程序準(zhǔn)備的robots.txt文件 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=67" title="未知大小圖片在已知容器中的垂直和水平居中問題">未知大小圖片在已知容器中的垂直和水平居中問題 </a></li>
</ul>
</div>
<div id="demo2">&nbsp;</div>
<script type="text/javascript">
    //圖片無間斷滾動代碼，兼容IE、Firefox、Opera
    //原腳本是IE only，來自網(wǎng)上，作者未知
    //部分內(nèi)容是由forestgan為了JS代碼標(biāo)準(zhǔn)化，兼容以gecko為內(nèi)核的瀏覽器于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>
  演示頁面設(shè)計(jì)制作： <a href="http://www.forest53.com">Forestgan</a> &nbsp;&nbsp;采用<a href="http://www.creativecommons.cn/">創(chuàng)作共用授權(quán)</a>--署名和非商業(yè)用途<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需再刷新一下頁面才能執(zhí)行]

相關(guān)文章

  • 阻止子元素繼承父元素事件具體思路及實(shí)現(xiàn)

    阻止子元素繼承父元素事件具體思路及實(shí)現(xiàn)

    想要阻止點(diǎn)擊#p_cont區(qū)域時(shí)觸發(fā)a事件，需要在#p_cont區(qū)域內(nèi)加入阻止事件冒泡的代碼，具體實(shí)現(xiàn)祥看本文，希望對你有所幫助
    2013-05-05
  • 原生JS實(shí)現(xiàn)LOADING效果

    原生JS實(shí)現(xiàn)LOADING效果

    這篇文章主要向大家介紹了原生JS實(shí)現(xiàn)的LOADING效果的代碼，效果非常不錯(cuò)，而且可以自定義顏色和速度，推薦給大家，希望大家能夠喜歡。
    2015-03-03
  • 輕松實(shí)現(xiàn)Bootstrap圖片輪播

    輕松實(shí)現(xiàn)Bootstrap圖片輪播

    這篇文章主要介紹了全面解析Bootstrap圖片輪播效果，Bootstrap提供了carousel插件，實(shí)現(xiàn)圖片輪播非常方便，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-01-01
  • 巧方法 JavaScript獲取超鏈接的絕對URL地址

    巧方法 JavaScript獲取超鏈接的絕對URL地址

    這篇文章主要為大家詳細(xì)介紹了一個(gè)非常巧妙的方法，JavaScript如何獲取超鏈接的絕對URL地址，感興趣的小伙伴們可以參考一下
    2016-06-06
  • 深入理解JavaScript是如何實(shí)現(xiàn)繼承的

    深入理解JavaScript是如何實(shí)現(xiàn)繼承的

    這篇文章主要介紹了JavaScript是如何實(shí)現(xiàn)繼承的，有需要的朋友可以參考一下
    2013-12-12
  • JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步

    JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步

    這篇文章主要給大家介紹了關(guān)于JavaScript算法題之如何將一個(gè)數(shù)組旋轉(zhuǎn)k步的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2022-03-03
  • js跨域問題淺析及解決方法優(yōu)缺點(diǎn)對比

    js跨域問題淺析及解決方法優(yōu)缺點(diǎn)對比

    所謂js跨域問題，是指在一個(gè)域下的頁面中通過js訪問另一個(gè)不同域下 的數(shù)據(jù)對象，出于安全性考 慮，幾乎所有瀏覽器都不允許這種跨域訪問，這就導(dǎo)致在一些ajax應(yīng)用中，使用跨域的web service會成為一個(gè)問題。 要解決跨域的問題，就是本文我們需要探討的了
    2014-11-11
  • 使用typeof方法判斷undefined類型

    使用typeof方法判斷undefined類型

    使用typeof方法，typeof 返回的是字符串,其中就有一個(gè)是undefined，下面是示例代碼，大家可以看看
    2014-09-09
  • 預(yù)防網(wǎng)頁掛馬的方法總結(jié)

    預(yù)防網(wǎng)頁掛馬的方法總結(jié)

    這篇文章主要介紹了預(yù)防網(wǎng)頁掛馬的方法總結(jié)的相關(guān)資料,這里詳細(xì)整理了具體方法，和如何實(shí)現(xiàn)，需要的朋友可以參考下
    2016-11-11
  • 禁止你的左鍵復(fù)制實(shí)用技巧

    禁止你的左鍵復(fù)制實(shí)用技巧

    左鍵復(fù)制對于所有人來說有好有壞，例如原創(chuàng)內(nèi)容就不想被別人復(fù)制，接下來介紹一種方法，有需要的朋友可以參考下
    2013-01-01

最新評論