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

js向上無縫滾動,網(wǎng)站公告效果 具體代碼

 更新時間:2013年11月18日 16:03:32   作者:  
這篇文章主要介紹了js向上無縫滾動,網(wǎng)站公告效果,有需要的朋友可以參考一下

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>無標(biāo)題文檔</title>
    <style type="text/css">
        <!
        -- #demo
        {
            overflow: hidden;
            width: 220px;
            float: left;
            display: inline;
        }
        #demo ul
        {
            text-align: left;
            margin: 0px;
            padding: 0px;
            width: 220px;
        }
        #demo ul li
        {
            margin-left: 5px;
            display: block;
            list-style: none;
            font-size: 13px;
            height: 26px;
            padding-top: 5px;
        }
        -- ></style>
</head>
<body>

//這里的高度 style="height: 26px如果不確定的話,需要自定義輸入,要不然如果定義高了而ul里的li沒達(dá)到此高度會造成無法滾動
    <div id="demo" style="height: 26px;">
        <div id="demo1">
            <ul>
                <li>·<a href="http://www.dbjr.com.cn/">腳本之家1</a></li>
                <li>·<a href="http://www.dbjr.com.cn/">腳本之家2</a></li>
                <li>·<a href="http://www.dbjr.com.cn/">腳本之家3</a></li>
                <li>·<a href="http://www.dbjr.com.cn/">腳本之家4</a></li>
            </ul>
        </div>
        <div id="demo2">
        </div>

        <script type="text/javascript">
//文字無間斷滾動代碼,兼容IE、Firefox、Opera
var speed=60;
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>
</body>
</html>

相關(guān)文章

  • 比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋

    比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋

    比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋...
    2007-08-08
  • RequireJS使用注意細(xì)節(jié)

    RequireJS使用注意細(xì)節(jié)

    RequireJS是一個非常小巧的JavaScript模塊載入框架,是AMD規(guī)范最好的實(shí)現(xiàn)者之一。這篇文章主要介紹了RequireJS使用注意細(xì)節(jié)的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • 深入了解JavaScript 防抖和節(jié)流

    深入了解JavaScript 防抖和節(jié)流

    這篇文章主要介紹了JavaScript 防抖和節(jié)流,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-09-09
  • Axios設(shè)置token請求頭的三種方式

    Axios設(shè)置token請求頭的三種方式

    用戶登錄時,后端會返回一個token,并且保存到瀏覽器的localstorage中,可以根據(jù)localstorage中的token判斷用戶是否登錄,所以當(dāng)發(fā)送請求時,都要攜帶token給后端進(jìn)行判斷,本文給大家介紹了Axios設(shè)置token請求頭的三種方式,需要的朋友可以參考下
    2024-02-02
  • 如何用JS判斷兩個數(shù)字的大小

    如何用JS判斷兩個數(shù)字的大小

    在JS的學(xué)習(xí)中,我們經(jīng)??赡芘龅竭@樣的問題,本文用實(shí)例演示如何正確的用JS判斷兩個數(shù)字的大小。
    2016-07-07
  • 解決layer.prompt無效的問題

    解決layer.prompt無效的問題

    今天小編就為大家分享一篇解決layer.prompt無效的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 淺談js之字面量、對象字面量的訪問、關(guān)鍵字in的用法

    淺談js之字面量、對象字面量的訪問、關(guān)鍵字in的用法

    下面小編就為大家?guī)硪黄獪\談js之字面量、對象字面量的訪問、關(guān)鍵字in的用法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • 怎么清空javascript數(shù)組

    怎么清空javascript數(shù)組

    這是一個很基礎(chǔ)的問題,但是我們往往經(jīng)常做錯,這里簡單分享下,方便需要的朋友
    2013-05-05
  • 如何在JavaScript中比較日期詳解

    如何在JavaScript中比較日期詳解

    我們在日常開發(fā)過程中經(jīng)常會用到JavaScript語言在前端代碼中,進(jìn)行日期的選擇,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中比較日期的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-11-11
  • javascript中驗(yàn)證大寫字母、數(shù)字和中文

    javascript中驗(yàn)證大寫字母、數(shù)字和中文

    本文為大家介紹下使用javascript驗(yàn)證大寫字母小寫字母,數(shù)字和中文,具體示例如下
    2014-01-01

最新評論