在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>
定义和用法\x0d\x0a\x0d\x0a:hover伪类在鼠标移到元素上时向此元素添加特殊的样式。\x0d\x0a说明\x0d\x0a这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到HTML文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过CSS没有定义究竟是哪些元素。\x0d\x0a激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持CSS的浏览器中以不同的方式显示出来:\x0d\x0aa:link{color:#FF0000}/*未访问的链接*/\x0d\x0aa:visited{color:#00FF00}/*已访问的链接*/\x0d\x0aa:hover{color:#FF00FF}/*当有鼠标悬停在链接上*/\x0d\x0aa:active{color:#0000FF}/*被选择的链接*/\x0d\x0a\x0d\x0a具体的例子,你可以百度搜下w3cshool里CSS:hover伪类,链接我就不给了,免得被删答案。\x0d\x0a\x0d\x0a总的来说hover是css里用来定义,当鼠标移到某个标签上时,这个标签显示的情况。一般来说hover用在a(超链接)上比较多。类似的用法有link,visited,active.欢迎分享,转载请注明来源:内存溢出
评论列表(0条)