文字一直向前平移，不回头的文字特效

2024-09-05 12:21:37

字体：大中小

来源：转载

供稿：网友

有Javascript实现一个网页文字特效，一行文字始终向右平滑滚动，永远不回头，朝着一个方向前进，其实这就是一个文字滚动效果，只不过没有设置让它碰壁后返回，有空的朋友想一想，如何让它回头呢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字向前滚动，不回头</title><script type="text/javascript">function moveMessage(){        if(!document.getElementById) return false;        if(!document.getElementById("message")) return false;        var elem=document.getElementById("message");        var xpos=parseInt(elem.style.left);        var ypos=parseInt(elem.style.top);        if(xpos==1000&& ypos==100){                return true;                }                if(xpos<1000){                        xpos++;                        }                        if(xpos>1000){                                xpos--;                                        }        if(ypos<100){                ypos++;                }                if(ypos>100){                        ypos--;                        }                        elem.style.left=xpos+"px";                        elem.style.top=ypos+"px";                        movement=setTimeout("moveMessage()",10);        }function positionMessage(){        if(!document.getElementById) return false;        if(!document.getElementById("message")) return false;        var elem=document.getElementById("message");        elem.style.position="absolute";        elem.style.left="50px";        elem.style.top="100px";        movement=setTimeout("moveMessage()",1000);        }</script></head><body><p id="message">革命需要向前冲</p><script type="text/javascript">function addLoadEvent(func){        var oldonload=window.onload;        if(typeof window.onload!='function'){                window.onload=func;                }else{                        window.onload=function(){                                oldonload();                                func();                                }                        }        }        addLoadEvent(positionMessage);</script></body></html>

上一篇：闪烁消隐的文字特效

下一篇：文字在按钮上交替慢慢出现

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注