跑马灯式的鼠标跟随
2022-10-29 16:23:18制作方法 将下面的代码复制到<head>~</head>里<SCRIPT language=JavaScript>
这是一个鼠标跟随的程序，不同的是它是用跑马灯效果制作的滚动文字，方法很简单，并且不占过多的资源：
制作方法
将下面的代码复制到<head>~</head>里
<SCRIPT language=JavaScript>
<!--
//1) set message to display
var scroller_msg='欢迎您访问织梦幻影！'
//2) set whether message should auto disappear after x seconds (0=perpetual).
//Note that double clicking page will also dismiss message
var dismissafter=0
var initialvisible=0
if (document.all)
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){
//move cursor function for IE
if (initialvisible==0){
curscroll.style.visibility="visible"
initialvisible=1
}
curscroll.style.left=document.body.scrollLeft+event.clientX+10
curscroll.style.top=document.body.scrollTop+event.clientY+10
}
function dismissmessage(){
curscroll.style.visibility="hidden"
}
if (document.all){
document.onmousemove=followcursor
document.ondblclick=dismissmessage
if (dismissafter!=0)
setTimeout("dismissmessage()",dismissafter*1000)
}
//-->
</script>
分解说明：
这个制作的方法很简单
1、在JavaScript有一行为：var scroller_msg='欢迎您访问织梦幻影！'//修改成你的内容即可
2、在JavaScript中还有一行为： // 定义跑马灯的样式
document.write('<marquee id="curscroll" style="position:absolute;width:150px;border:1px solid black;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
至此你就可以完成这个实例了，快去试试吧！
本文作者:作者：喵哥笔记
