在html文件中添加一个事件,就是当鼠标滑动到submit按钮上时,设置鼠标样式即可,具体例子如下:
<html>
<body>
<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>
<span style="cursor:auto">
Default</span><br />
<span style="cursor:pointer">
Pointer</span><br /> <!--这个就是你需要的-->
<span style="cursor:move">
Move</span><br />
<span style="cursor:e-resize">
e-resize</span><br />
<span style="cursor:ne-resize">
ne-resize</span><br />
<span style="cursor:nw-resize">
nw-resize</span><br />
<span style="cursor:text">
text</span><br />
<span style="cursor:wait">
wait</span><br />
<span style="cursor:help">
help</span>
</body>
</html>
我做的全部在下面 ,自己看看,不懂的在问问我<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>字符跟随鼠标</TITLE>
<style type="text/css">
.spanstyle {COLOR: #ffd8ffFONT-FAMILY: 宋体FONT-SIZE: 10ptPOSITION: absoluteTOP: -50pxVISIBILITY: visible}
</style>
<script>
var x,y
var step=18
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="★讯易自助建站平台欢迎你的光临!"
message=message.split("")
var xpos=new Array()
for (i=0i<=message.length-1i++)
{xpos[i]=-50}
var ypos=new Array()
for (i=0i<=message.length-1i++)
{ypos[i]=-200}
function handlerMM(e)
{x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 &&document.all) {
for (i=message.length-1i>=1i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0i<message.length-1i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 &&document.layers) {
for (i=message.length-1i>=1i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0i<message.length-1i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
</HEAD>
<BODY bgcolor="#f2f2f2" onload="makesnake()">
<script>
<!-- Beginning of JavaScript -
for (i=0i<=message.length-1i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE)
}
document.onmousemove = handlerMM
// - End of JavaScript - -->
</script>
</BODY>
</HTML>
我的邮箱地址:lixian19860107@yahoo.com.cn
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)