跑马灯式的鼠标跟随


这是一个鼠标跟随的程序,不同的是它是用跑马灯效果制作的滚动文字,方法很简单,并且不占过多的资源:

制作方法
将下面的代码复制到<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>')

至此你就可以完成这个实例了,快去试试吧!

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3