郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 网页特效 >

向左滚动的文字特效JS代码

来源:淘宝街 作者: 博彩评级 日期:2010-12-19 人气:
这个向左滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,你完全可以在这里定义图片或者图文结合等等形式,这是一个容器

<p>这个向左滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,<div id="demo1">你完全可以在这里定义图片或者图文结合等等形式,这是一个容器。</div></p>
<p>style="overflow:hidden;height:24px; line-height:24px;width:600px; border:1px solid #666; white-space:nowrap;" 这一段,向左滚动的文字特效需要这一段样式的配合,在这里宽、高、和white-space:nowrap (强制不换行)是必须的。</p>

<p><a href="http://www.qqydc.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">博彩评级</a> http://www.qqydc.com 为你提供</p>
<div id="demo" style="overflow:hidden;height:24px; line-height:24px;width:600px; border:1px solid #666; white-space:nowrap;">
<div id="demo1">
<a href="http://www.qqydc.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业澳门真人博彩">博彩评级</a> http://www.qqydc.com 为你提供-基于jquery特效,jquery弹出层效果,js特效代码大全,JS广告代码,导航菜单代码,下拉菜单代码和jquery焦点图片代码。
</div>
<div id="demo2"></div>
</div>
<script style="text/javascript">
var speed=40;//数值越大,速度越慢
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
function MarqueeLeft(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(MarqueeLeft,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(MarqueeLeft,speed);}
</script>


向左滚动的文字特效JS代码由网上购物网站大全 www.tbj01.com 供稿
 

本文链接:向左滚动的文字特效JS代码http://www.qqydc.com/js/texiao/xiangzuogundong.html

(责任编辑:博彩评级)

向左滚动的文字特效JS代码由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。