html 鼠標指針講解


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 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM