国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 阿拉善盟| 灌阳县| 南陵县| 冕宁县| 遂平县| 祥云县| 永丰县| 灯塔市| 咸丰县| 柯坪县| 剑阁县| 页游| 绥宁县| 西宁市| 裕民县| 康保县| 兴安县| 湘乡市| 莱阳市| 虹口区| 霍城县| 洪江市| 广昌县| 镇宁| 鄢陵县| 贞丰县| 东丰县| 石渠县| 渭源县| 温州市| 高陵县| 桂林市| 揭阳市| 乐安县| 淅川县| 竹山县| 扎赉特旗| 山丹县| 浙江省| 龙海市| 长子县|