CSS控制鼠標(biāo)樣式變換

可以有的網(wǎng)友學(xué)過(guò)css的話，知道可以用一些css樣式來(lái)給鼠標(biāo)做一種效果的切換。比如鼠標(biāo)移到“幫助”等字樣上時(shí)，形狀就變成求助的問(wèn)號(hào)；鼠標(biāo)移到可能需要較長(zhǎng)時(shí)間等待的超鏈接時(shí)，鼠標(biāo)形狀就變成等待的樣子，那么怎么用CSS控制鼠標(biāo)樣式變換呢。其實(shí)很簡(jiǎn)單的的，只需要需要增加幾個(gè)代碼就可以做到的。

如果需要將鼠標(biāo)變換成手形狀態(tài)的時(shí)候。代碼：<p style="cursor: hand">演示：手形</p>

如果需要將鼠標(biāo)變換成移動(dòng)狀態(tài)的時(shí)候。代碼：<p style="cursor: move">演示：移動(dòng)</p>

如果需要將鼠標(biāo)變換成等待狀態(tài)的時(shí)候。代碼：<p style="cursor: wait">等待狀態(tài)</p>

如果需要將鼠標(biāo)變換成定位等待狀態(tài)的時(shí)候。代碼：：<p style="cursor: crosshair">演示：定位指示</p>

如果需要將鼠標(biāo)變換成幫助狀態(tài)的時(shí)候。代碼：<p style="cursor: help">演示：幫助</p>

當(dāng)然這些只是一些常見(jiàn)的比較實(shí)用的代碼。我們?cè)谶@里就用到了css中的“cursor”屬性，用“style=cursor:值”這樣的語(yǔ)句形式，分別設(shè)置具體的值就可以了。例如：值為“hand”時(shí)，當(dāng)鼠標(biāo)移到相應(yīng)的文字或圖片上時(shí)，就會(huì)變成超鏈接的小手形；值為“move”時(shí)，當(dāng)鼠標(biāo)移到相應(yīng)的文字或圖片上時(shí)，就會(huì)變成上下左右?guī)Х较蚣^的形狀。

現(xiàn)在知道css的神奇了吧。其實(shí)對(duì)于一些學(xué)過(guò)css的人員來(lái)說(shuō)都是最基本的代碼填寫(xiě)了，只是我們門(mén)外漢來(lái)湊熱鬧而已了。那么現(xiàn)在學(xué)了幾招可以去對(duì)自己的主頁(yè)來(lái)嘗試下哦。

以上就是CSS控制鼠標(biāo)樣式變換的全部?jī)?nèi)容了，希望對(duì)你有所幫助哦。