html页面加文字横向滚动,js实现文字横向滚动

页面布局

恭喜793765***获得 50元巨人点卡奖励

样式：

.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代码：

//文字横向滚动

functionScrollImgLeft(){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;functionMarquee(){if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)

scroll_div.scrollLeft-=scroll_begin.offsetWidth;elsescroll_div.scrollLeft++;

}

MyMar=setInterval(Marquee,speed);

scroll_div.onmouseover = function(){

clearInterval(MyMar);

}

scroll_div.onmouseout = function(){

MyMar = setInterval(Marquee,speed);

}

ScrollImgLeft();

原文：http://www.cnblogs.com/shizhouyu/p/4462594.html

html页面加文字横向滚动,js实现文字横向滚动相关推荐

vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...
阻止html页面加载,如何防止页面加载重复的JS？
我自己写了一个页面,除了公共部分的页头页脚以外,其余内容都是通过Ajax加载过来的,现在遇到了比较头疼的问题: 先说一下我加载的方式 $.ajax({ type : "GET", ...
html实现自动滚动,js实现滚动条自动滚动
本文实例为大家分享了js实现滚动条自动滚动的具体代码,供大家参考,具体内容如下效果类似于直播网站的评论,会一条接着一条向上 go out : js部分很简单:通过控制scrolltop的值来实现自动 ...
html无间隔字幕滚动,js实现文字超过显示宽度每间隔1s自动向左滚动显示
html: 文字如果超出了宽度自动向左滚动文字如果超出了宽度自动向左滚动.我是一个粉刷匠,粉刷本领强,我要把那新房子刷的更漂亮 js: var wrapper = document.getElemen ...
php 页面图片无缝滚动,js实现图片无缝滚动
实现原理: 图片滚动原理同图片轮播原理,同样也适用于文字滚动等一系列滚动,通过复制最后一张图片或最后一堆文字插入第一行,或复制第一张图片或一堆文字插入在结尾,来实现无缝拼接. 前提:1.必须是没有设置 ...
如何用matlab实现文字动态滚动,js 动态文字滚动的例子
这是一个动态JavaScript文字显示的例子 var POSITION = 50; var DELAY = 150; var MESSAGE = "这是一个动态JavaScript文字显示 ...
js在html中加文字走马灯特效,JS实现文字的走马灯效果
北京欢迎你 // //var x = 20; // //alert(isNaN(x)); //判断其是不是数字 // function scroll() { ...
html语音文字实时转换,js将文字转化为语音并播放
百度地图将文字转化为语音并播放 /*function doTTS() { var ttsDiv = document.getElementById('bdtts_div_id'); var ttsAu ...
页面加载后如何使JavaScript执行？
我正在使用<head>内的<script>执行外部脚本. 现在,由于脚本是在页面加载之前执行的,因此我无法访问<body> . 在文档"加载"后 ...

html页面加文字横向滚动,js实现文字横向滚动

html页面加文字横向滚动,js实现文字横向滚动相关推荐

最新文章

热门文章