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