javascript 实现滚动效果代码整理

2020-02-28 04:02:35

字体：大中小

来源：转载

供稿：网友

1.先写两个最常用最简洁的滚动代码
代码如下：
水平滚动：
<marquee direction="left" align="bottom" height="25" width="100%" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="1">水平滚动字幕内容</marquee>
垂直滚动：
<marquee direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollAmount="1" scrollDelay="1">垂直滚动字内容</marquee>
2.平稳不间断滚动
代码如下:
<SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
var scrollimg=document.getElementById("scroll")
if(scrollimg.parentNode.scrollTop!=(scrollimg.clientHeight/2))
scrollimg.parentNode.scrollTop++;
else
scrollimg.parentNode.scrollTop=0
}
window.onload=function() {
tm=setInterval('newsScroll()',25)
}
function stop()
{
clearInterval(tm)
}
function start()
{
tm=setInterval('newsScroll()',25)
}
</SCRIPT>
/* stop() start() 不能和调用ID在同一个容器内，如容器没默认高度要制定高度*/

3 有停留滚动
代码示例：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
4:一个简单的滚动代码学习制作示例

上一篇：jQuery 学习入门篇附实例代码

下一篇：js获取数组任意个不重复的随机数组元素原创

学习交流

访问asp站点时候，出现“不允许的父路径”

访问asp站点时候，出现“不允许的父路径”的错误...

热门图片

猜你喜欢的新闻

猜你喜欢的关注