有時,我們需要在不同的地方使用不同的鼠標指針,如當用戶鼠標滑過問題時可以使用問號鼠標指針,當用戶在玩javascript游戲射擊時,可以把鼠標設置成十字形狀等等,這如何實現呢?實際上這很簡單,使用CSS可以輕松的控制鼠標的指針,下面是常用的鼠標指針控制方法:
<span style="cursor:hand">手形</span>
<span style="cursor:crosshair">十字</span>
<span style="cursor:text" >文本光標</span>
<span style="cursor:wait" >等待</span>
<span style="cursor:default" >默認</span>
<span style="cursor:help" >問號</span>
<span style="cursor:e-resize" >左右箭頭</span>
<span style="cursor:s-resize" >上下箭頭</span>
<span style="cursor:auto" >系統自動給出效果</span>
以上是為了說明問題,使用了<span>標簽,下面使用<a>標簽的例子:
<a style="cursor:help" href="http://www.survivalescaperooms.com/support/about.asp">關于本站</a>
<a style="cursor:text" href="http://www.survivalescaperooms.com/support/leaveword.asp">留言反饋</a>
下面是在輸入框中實現的例子:
<input type="text" style="cursor:help" name="helptopic" id="helptopic" />
新聞熱點
疑難解答