js實現(xiàn)的類marquee水平循環(huán)滾動
更新時間：2010年03月18日 19:17:23 作者：
marquee （水平）循環(huán)滾動的js實現(xiàn) ,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<script>
var speed=20;/*速度數(shù)值越大速度越慢*/
document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML;
/*兩個層來回交替出現(xiàn)*/
function Marquee(){
if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeft<=0)
document.getElementById('www_qpsh_com').scrollLeft-=document.getElementById('www_qpsh_com1').offsetWidth;
else{
document.getElementById('www_qpsh_com').scrollLeft++;
}
document.getElementById('my_marquee_info').innerHTML='';
document.getElementById('my_marquee_info').innerHTML+='div.scrollTop:'+document.getElementById('www_qpsh_com').scrollLeft;
}
var MyMar=setInterval(Marquee,speed);
www_qpsh_com.onmouseover=function() {clearInterval(MyMar);}
www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JS與HTML結(jié)合使用marquee標(biāo)簽實現(xiàn)無縫滾動效果代碼
- JQuery插件Marquee.js實現(xiàn)無縫滾動效果
- div+css+js實現(xiàn)無縫滾動類似marquee無縫滾動兼容firefox
- 分別用marquee和div+js實現(xiàn)首尾相連循環(huán)滾動效果，僅3行代碼
- javascript 模擬Marquee文字向左均勻滾動代碼
- Class Of Marquee Scroll通用不間斷滾動JS封裝類
- 用javascript實現(xiàn)代替marquee的滾動字幕效果代碼
- 用javascript代替marquee的滾動字幕效果代碼
- 再次更新！MSClass (Class Of Marquee Scroll通用不間斷滾動JS封裝類 Ver 1.6)
- JS實現(xiàn)無縫循環(huán)marquee滾動效果
相關(guān)文章
關(guān)于foreach循環(huán)中遇到的問題小結(jié)
這篇文章主要介紹了關(guān)于foreach循環(huán)中遇到的問題總結(jié),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
這篇文章主要介紹了JSONObject與JSONArray使用方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
下面小編就為大家?guī)硪黄猨s實現(xiàn)日期顯示的一些操作(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
List Information About the Binary Files Used by an Applicati
List Information About the Binary Files Used by an Application...2007-06-06
這篇文章主要介紹了Bootstrap組件系列之福利篇幾款好用的組件(推薦) 的相關(guān)資料,需要的朋友可以參考下2016-06-06
在開發(fā)過程中，為了應(yīng)對多變的復(fù)雜場景，我們需要了解一下?TypeScript?的高級類型。本文就為大家整理了一些需要掌握的TypeScript高級類型，需要的可以參考一下2022-08-08
這篇文章主要介紹了淺談javascript屬性onresize的詳細(xì)使用方法，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
javascript 函數(shù)參數(shù)原來是可以有缺省值的
前幾天看 javaEye 時看到一個童鞋寫的 getElementsByClassName 函數(shù)。2010-07-07
上回說到，操作Object Array2010-05-05
這篇文章主要介紹了微信小程序module.exports模塊化操作,結(jié)合實例形式簡單分析了module.exports模塊化的定義與引用相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-12-12