在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标(即手的形状)?

在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标(即手的形状)?,第1张

在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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7275285.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存