js滚动公告代码（js滚动公告代码是什么）

今天给各位分享js滚动公告代码的知识，其中也会对js滚动公告代码是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、实现网页内容水平或垂直滚动的Javascript代码
• 2、如何滚动公告栏，什么源代码如何滚动公告
• 3、求js文字向上滚动代码
• 4、js 代码，随页面滚动而滚动的浮动广告效果（带关闭按钮）
• 5、我做了个滚动公告的js怎么把它用到主页指定位置呢？

实现网页内容水平或垂直滚动的Javascript代码

主要两个部分，一、是滚动内容部分；二、JS的滚动代码部分，也只有两句话。

一、传统的滚动代码

用Javascript实现新闻内容的水平滚动！

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的问题。

二、Javascript实现的滚动效果

用Javascript实现新闻内容的水平滚动1

document.write("用Javascript实现新闻内容的水平滚动2");

//新闻内容

document.write("用Javascript实现新闻内容的水平滚动3");

//新闻内容

//div标签中的宽度width等参数可以自行调节

function

newsScroll()

{

news.style.pixelLeft=(news.style.pixelLeft-1)%headnew.offsetWidth;//实现不间断滚动

}

function

go()

{

timer1=setInterval('newsScroll()',30)

//更改第二个参数可以改变速度，值越小，速度越快。

}

go();

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

以上就是完整的JS滚动代码，如果想实现垂直滚动，则只需要简单的修改即可，即使用style的pixTop属性即可实现。

摘自

天缘博客

如何滚动公告栏，什么源代码如何滚动公告

1、先给一个例子，下面再做详细讲解

marquee scrollAmount=2 width=300我钟意网页树树/marquee

--这个例子是从左向左滚动

2、各参数详解：

a) scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b) width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c) direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d) scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e) behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3、根据需要设置对应的参数，就可以实现滚动啦，把想要滚动的div标签包含在marquee标签里面。

求js文字向上滚动代码

DIV id=demo style="OVERFLOW: hidden; HEIGHT: 154px"

DIV id=demo1

ul style="font:'宋体'; font-size:12px; line-height:28px;"

li往上滚动停顿代码

li往上滚动停顿代码

li往上滚动停顿代码

li往上滚动停顿代码

/ul

/DIV

DIV id=demo2/DIV/DIV

SCRIPT

!--

var speed = 15;//滚动速度

var rows = 28;//每行高度

var stim = 80; //停留时间倍数 * speed

var stop = 0; //初始化值，不管

demo2.innerHTML = demo1.innerHTML

function Marquee(){

if(demo.scrollTop%rows==0 stop=stim){

stop++;

return;

}

stop = 0;

if(demo2.offsetTop-demo.scrollTop=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

}

var MyMar = setInterval(Marquee,speed)

demo.onmouseover = function() {clearInterval(MyMar)}

demo.onmouseout = function() {MyMar=setInterval(Marquee,speed)}

--

/SCRIPT

js 代码，随页面滚动而滚动的浮动广告效果（带关闭按钮）

随滚动而滚动，css就可以实现，也就是固定在屏幕固定位置，用 position:fixed;即可，关闭按钮可以用document.getElementById('').style.display='none';即可，如

div style="width:500px; height:200px; background-color:#F00;position:fixed;left:100px;top:200px;" id="test"

button onclick="document.getElementById('test').style.display='none';"关闭/button

/div

其中left和top都是相对于屏幕的位置

我做了个滚动公告的js怎么把它用到主页指定位置呢？

终于研究出来了，原来是层的位置没调好。。。这个代码效果不错的，希望大家能用的上层的位置在这段里调整div id="oDiv" style="border-style:solid; border-width:0px; position:absolute;left:0;top:0;width:200;height:120;filter:progidXImageTransform.Microsoft.Slide(slideStyle='PUSH',bands=1); right:0; bottom:0"顺便演示一下 查看原帖

js滚动公告代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js滚动公告代码是什么、js滚动公告代码的信息别忘了在本站进行查找喔。