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

首頁 > 編程 > JavaScript > 正文

js文字橫向滾動特效

2019-11-20 11:17:54
字體:
來源:轉載
供稿:網友

本文為大家分享了js文字橫向滾動特效代碼,具體實現(xiàn)內容如下:

頁面布局 

<div id="scroll_div" class="fl">   <div id="scroll_begin">   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>   恭喜793765***獲得 <span class="pad_right">50元巨人點卡獎勵</span>  </div>   <div id="scroll_end"></div> </div> 

樣式:

.pad_right{ padding-right:2em;}#scroll_div {height:26px;overflow: hidden;white-space: nowrap;width:535px;margin-left:10px;}#scroll_begin,#scroll_end {display: inline;}

js代碼:

//文字橫向滾動function ScrollImgLeft(){  var speed=50;  var MyMar = null; var scroll_begin = document.getElementById("scroll_begin");  var scroll_end = document.getElementById("scroll_end");  var scroll_div = document.getElementById("scroll_div");  scroll_end.innerHTML=scroll_begin.innerHTML;  function Marquee(){   if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)    scroll_div.scrollLeft-=scroll_begin.offsetWidth;   else    scroll_div.scrollLeft++;   }   MyMar=setInterval(Marquee,speed);   scroll_div.onmouseover = function(){       clearInterval(MyMar);     }     scroll_div.onmouseout = function(){       MyMar = setInterval(Marquee,speed);          }  }ScrollImgLeft();

以上就是輕松實現(xiàn)js文字橫向滾動特效,大家可以在自己的網頁中添加js文字橫向滾動特效。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 新竹县| 平湖市| 剑河县| 河间市| 万荣县| 乌鲁木齐市| 蛟河市| 日喀则市| 澄迈县| 梓潼县| 光山县| 鄂尔多斯市| 连南| 怀安县| 荆州市| 雅安市| 重庆市| 即墨市| 马龙县| 天柱县| 宁强县| 广州市| 修武县| 府谷县| 闵行区| 大港区| 义乌市| 麻江县| 库车县| 宝山区| 沽源县| 娄烦县| 苍南县| 林甸县| 洪雅县| 河间市| 灵璧县| 广安市| 贺兰县| 五台县| 鄂托克前旗|