爆款图片文字|三款文字不间断滚动代码

【www.bbyears.com--链接特效】

链接1

链接2

链接3

链接4




<script language="javascript">

</script>

支持左右滚动代码

滚动内容

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

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

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

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

　　基本语法

　　 ...

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

　　方向

　　 #=left, right ,up ,down 从右向左移！

　　方式

　　 #=scroll, slide, alternate 一圈一圈绕着走！

　　只走一次就歇了！

　　来回走

　　循环

　　 #=次数；若未指定则循环不止(infinite) 只走 3 趟

　　只走 3 趟

　　只走 3 趟！

　　速度

　　 啦啦啦，我走得好快哟！

　　延时

　　 啦啦啦，我走一步，停一停！

　　外观(layout)设置

　　对齐方式(align)

　　 #=top, middle, bottom

　　底色

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

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

　　fuchsia, white, green, purple, silver, yellow, aqua 颜色！

　　面积

　　 面积！

　　空白

　　(margins)

　　面积！

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

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

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

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

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

　　<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>

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

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

　　<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>

滚动代码三

链接一 链接二 链接三 链接四

<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 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>




本代码由http://www.111cn.net/"  target="_blank">站长资源网｜111cn.net收集并整理!

本文来源：http://www.bbyears.com/wangyetexiao/27225.html