html 鼠标指针讲解
qsdnet我想学编程 2019-11-04
html 鼠标指针
详情可以看https://www.w3school.com.cn/tiy/t.asp?f=csse_cursor
测试代码：
<html> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span style="cursor:default"> 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:n-resize"> n-resize</span><br /> <span style="cursor:se-resize"> se-resize</span><br /> <span style="cursor:sw-resize"> sw-resize</span><br /> <span style="cursor:s-resize"> s-resize</span><br /> <span style="cursor:w-resize"> w-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> <body> <p>请把鼠标放在下面两个文字上面查看你的电脑性能。转圈圈表示很卡，指针表示很好，问号表示未知</p> <span style="cursor:wait"> 性能检测1</span><br /> <span style="cursor:help"> 性能检测2</span> </body> </html>
这个程序是一个假的性能检测。可以自己看看效果。
有任何事情，可以点击QQ联系找我。
写于2019-11-04 12:26:29
相关推荐
gaochujia 0喜欢 / 0评论 2020-06-22
teresalxm 0喜欢 / 0评论 2017-07-14
84296033 0喜欢 / 0评论 2015-07-20
fraternityjava 0喜欢 / 0评论 2015-06-17
jltd00 0喜欢 / 0评论 2015-01-27
muyangzhe 0喜欢 / 0评论 2018-06-18
愚盦 0喜欢 / 0评论 2018-05-21
切慕溪水 0喜欢 / 0评论 2017-07-14
DreamLee 0喜欢 / 0评论 2015-04-22
icecoffeemzp 0喜欢 / 0评论 2011-09-18
FloatDreamed 0喜欢 / 0评论 2011-08-17
maoye 0喜欢 / 0评论 2011-06-19
测试极客 0喜欢 / 0评论 2016-09-13
<div id="s" onmouseover="test" style="float:left;background-color: red;width: 300px;height: 60px;mar
87244857 0喜欢 / 0评论 2019-04-26
醉殇姒若梦遗年 0喜欢 / 0评论 2016-01-12