三款文字不间断滚动代码

<div id="marquees"> <!-- 这些是字幕的内容，你可以任意定义 --> <a href="#">链接1</a>
<br> <a href="#">链接2</a>
<br> <a href="#">链接3</a>
<br> <a href="#">链接4</a>
<br> <!-- 字幕内容结束 -->
</div>
<!-- 以下是网页特效代码 -->
<script language="javascript">
<!--
marqueesheight=200; //内容区高度
stops教程croll=false; //这个变量控制是否停止滚动
with(marquees){
nowrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0，因为它会被撑大
style.height=marqueesheight;
style.overflowy="hidden"; //滚动条不可见
onmouseo教程ver=new function("stopscroll=true"); //鼠标经过，停止滚动
onmouseout=new function("stopscroll=false"); //鼠标离开，开始滚动
}
//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面：
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer"，直到"templayer"的高度大于内容区高度：
while(templayer.offsetheight<marqueesheight){
templayer.innerhtml+=marquees.innerhtml;
} //把"templayer"的内容的"两倍"复制回原内容区：
marquees.innerhtml=templayer.innerhtml+templayer.innerhtml;
//设置连续超时，调用"scrollup()"函数驱动滚动条：
setinterval("scrollup()",20);
}
document.body.onload=init;
pretop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollup(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动
pretop=marquees.scrolltop; //记录滚动前的滚动条位置
marquees.scrolltop+=1; //滚动条向下移动一个像素
//如果滚动条不动了，则向上滚动到和当前画面一样的位置
//当然不仅如此，同样还要向下滚动一个像素(+1)：
if(pretop==marquees.scrolltop){
marquees.scrolltop=templayer.offsetheight-marqueesheight+1;
}
}
-->
</script>

支持左右滚动代码

<marquee direction=up height=75 onmouseout=this.start() onmouseover=this.stop() scrollamount=1 scrolldelay=100 width="180" id=marquee1>滚动内容</marquee>

　　direction 参数可设置:up down left right (控制滚动方向)

　　scrolldelay = 100 (100就是速度，值越大滚动越快……)

　　onmouseout=this.start() ........鼠标移出状态滚动

　　onmouseover=this.stop() .........鼠标经过时停止滚动

　　基本语法

　　<marquee> ... </marquee>

　　移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等

　　方向

　　<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>

　　方式

　　<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>

　　<marquee behavior=slide>只走一次就歇了！</marquee>

　　<marquee behavior=alternate>来回走</marquee>

　　循环

　　<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <p>

　　<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>

　　<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>

　　速度

　　<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

　　延时

　　<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

　　外观(layout)设置

　　对齐方式(align)

　　<align=#> #=top, middle, bottom <font size=6>

　　<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>

　　</font>

　　底色

　　<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：

　　black, olive, teal, red, blue, maroon, navy, gray, lime,

　　fuchsia, white, green, purple, silver, yellow, aqua <marquee bgcolor=aaaaee>颜色！</marquee>

　　面积

　　<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积！</marquee>

　　空白

　　(margins)<hspace=# vspace=#>

　　<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>

　　看了这个应该会很明白了吧！ 我在页面上加了个图片滚动再加个文字的就冲突了，咪有办法只有再找啊找，终于找到这个，lz写的很好就收藏了，再把出处贴下来 http://sls18.banzhu.net/article/sls18-11-1045718.html 下面再贴几个比较常见的滚动效果

　　网页图片文字不间断滚动代码

　　网页图片文字不间断滚动代码(向上,向下,向左,向右)

　　-----------------------上下滚动主要部分-------------------------

　　<!-- 图片宽度width:90 图片高度height:150 背景颜色background:#214984 这些根据你实际的需要修改-->

　　<div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff>

　　<div id=demo1>

　　<!-- 加入要滚动的内容 -->

　　<!--＃i nclude file="gx/photoimg.htm"--></div>

　　<div id=demo2></div>

　　</div>

　　-----------------------向上滚动-------------------------------

　　<script>

　　var speed=30

　　demo2.innerhtml=demo1.innerhtml

　　function marquee(){

　　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>

　　-----------------------向下滚动-------------------------------

　　<script>

　　var speed=30

　　demo2.innerhtml=demo1.innerhtml

　　demo.scrolltop=demo.scrollheight

　　function marquee(){

　　if(demo1.offsettop-demo.scrolltop>=0)

　　demo.scrolltop+=demo2.offsetheight

　　else{

　　demo.scrolltop--

　　}

　　}

　　var mymar=setinterval(marquee,speed)

　　demo.onmouseover=function() {clearinterval(mymar)}

　　demo.onmouseout=function() {mymar=setinterval(marquee,speed)}

　　</script>

　　-----------------------左右滚动主要部分--------------------------

　　<!-- 图片宽度width:90 图片高度height:150 背景颜色background:#214984 这些根据你实际的需要修改-->

　　<div id=demo style=overflow:hidden;height:100;width:600;background:#214984;color:#ffffff>

　　<table align=left cellpadding=0 cellspace=0 border=0>

　　<tr>

　　<td id=demo1 valign=top<!--＃i nclude file="gx/photoimg.htm"-->

　　</td>

　　<td id=demo2 valign=top></td>

　　</tr>

　　</table>

　　</div>

　　-----------------------向左滚动-------------------------------

　　<script>

　　var speed=30

　　demo2.innerhtml=demo1.innerhtml

　　function marquee(){

　　if(demo2.offsetwidth-demo.scrollleft<=0)

　　demo.scrollleft-=demo1.offsetwidth

　　else{

　　demo.scrollleft++

　　}

　　}

　　var mymar=setinterval(marquee,speed)

　　demo.onmouseover=function() {clearinterval(mymar)}

　　demo.onmouseout=function() {mymar=setinterval(marquee,speed)}

　　</script>

　　-----------------------向右滚动-------------------------------

　　<script>

　　var speed=30

　　demo2.innerhtml=demo1.innerhtml

　　demo.scrollleft=demo.scrollwidth

　　function marquee(){

　　if(demo.scrollleft<=0)

　　demo.scrollleft+=demo2.offsetwidth

　　else{

　　demo.scrollleft--

　　}

　　}

　　var mymar=setinterval(marquee,speed)

　　demo.onmouseover=function() {clearinterval(mymar)}

　　demo.onmouseout=function() {mymar=setinterval(marquee,speed)}

　　</script>

滚动代码三

<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>连续向右滚动</title>
<style type="text/css教程">
<!--
body {
font-size: 9pt;
color: #000000;
}
a {
    color: #0000ff;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div id="marquees"> <a href="#" >链接一</a> <a href="#" >链接二</a> <a href="#" >链接三</a> <a href="#" >链接四</a> </div>
<div id="templayer" style="position:absolute;left:0;top:0;visibility:hidden"></div>
<script language="javascript">

marqueeswidth=200;

with(marquees){
style.height=0;
style.width=marqueeswidth;
style.overflowx="hidden";
style.overflowy="visible";
nowrap=true;
onmouseover=new function("stopscroll=true");
onmouseout=new function("stopscroll=false");
}
pretop=0; currenttop=0; getlimit=0; stopscroll=false;

function init(){
templayer.innerhtml="";
while(templayer.offsetwidth<marqueeswidth){
templayer.innerhtml+=marquees.innerhtml;
}
marquees.innerhtml+=templayer.innerhtml;
setinterval("scrollright()",10);
}init();

function scrollright(){
if(stopscroll==true) return;

preleft=marquees.scrollleft;
marquees.scrollleft-=1;
if(preleft==marquees.scrollleft){
if(!getlimit){
    marquees.scrollleft=templayer.offsetwidth*2;
    getlimit=marquees.scrollleft;
}
marquees.scrollleft=getlimit-templayer.offsetwidth+marqueeswidth;
marquees.scrollleft-=1;
}
}
</script>
</body>
</html>
<div align="center"><br><br>本代码由<a href="http://www.111cn.net/"  target="_blank"><font color="red">站长资源网｜111cn.net</font></a>收集并整理!</div>