php文字滚动特效,js文字横向滚动特效

本文为大家分享了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代码：

//文字横向滚动

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();

以上就是轻松实现js文字横向滚动特效，大家可以在自己的网页中添加js文字横向滚动特效。

php文字滚动特效,js文字横向滚动特效_javascript技巧相关推荐

vue实现简单的鼠标拖拽横向滚动和鼠标滚轮横向滚动
原文地址:vue实现简单的鼠标拖拽横向滚动和鼠标滚轮横向滚动_超人不会飞啊的博客-CSDN博客_vue鼠标拖拽这边如果是动态渲染的div,需要等dom渲染结束后.id存在了.再去设置this.sc ...
android横向滚轮特效,RecyclerView实现横向滚动效果
本文实例为大家分享了RecyclerView实现横向滚动效果的具体代码,供大家参考,具体内容如下布局文件 xmlns:android="http://schemas.android.com ...
html数字滚动选择,js实现数字滚动特效
本文实例为大家分享了js实现数字滚动展示的具体代码,供大家参考,具体内容如下效果图 html代码 Title #t,#tt{ border: #ccc thin solid; width: 250p ...
html图片左右滚动播放,CSS3实现横向滚动播放
CSS3实现无限横向滚动,纵向滚动同理,控制属性left换成top既可以 2020年消防工程报名条件已经公布,各个地区的考生可以根据自身条件查看是否符合标准 2020年消防工程报名条件已经公布,各个地 ...
php鼠标跟随特效,JS实现鼠标跟随特效
这次给大家带来JS实现鼠标跟随特效,JS实现鼠标跟随特效的注意事项有哪些,下面就是实战案例,一起来看一下. 以下是经过小编测试后的全部代码: 鼠标跟随十字JS特效代码 // var ox = docu ...
滚动字幕，及横向滚动定位
1字幕滚动 <ul id="express"><li>1.多发发沙发沙发发防辐射服</li><li>2.框架来军军军军绿军绿军绿军& ...
滚动悬挂 js处理，滚动到一个位置限制某个div
//滚动条滚动悬浮顶部divfunction scrollInit(){ var timeFlag = true; var a = function scroll() { var body = $(& ...
eclipse javascript_原生js实现贪吃蛇游戏_javascript技巧
更新时间:2020年10月26日 11:46:36 作者:leisure-ZL 这篇文章主要为大家详细介绍了原生js实现贪吃蛇小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴 ...
javascript php 性能,浅谈页面装载js及性能分析方法_javascript技巧
一.装载先装载静态页面的引用js文件,然后查找引用文件中是否包含onload函数,比如main.js中包含onload函数,在main.js中查找是否有对其他js文件的引用,优先装载引用js文件,被 ...
msclass 文字滚动_【JS特效】不间断滚动效果通用类
网上发现一个不错的js不间断滚动效果,今天来转载一下吧.这个js的作者应是崔永祥(因其博客已不存在,而无法确认),我这里只简单整理,只为笔记. ??? 需要通过样式,js来实现这个翻滚效果. ??? ...

php文字滚动特效,js文字横向滚动特效_javascript技巧

php文字滚动特效,js文字横向滚动特效_javascript技巧相关推荐

最新文章

热门文章