巧用CSS控制滑鼠樣式變換(轉)

post0發表於2007-08-15
巧用CSS控制滑鼠樣式變換(轉)[@more@]

  主頁上的滑鼠是不是就只有箭頭和小手兩種模樣呢?如果滑鼠移到“幫助”等字樣上時,形狀就變成求助的問號;滑鼠移到可能需要較長時間等待的超連結時,滑鼠形狀就變成等待的樣子……那該多好啊!

  其實,藉助我們的css,幾句很簡單的程式碼就可以實現這一切!

  不信?把滑鼠移到下面的演示文字上看看效果吧!

演示:手形

原始碼:<p style="hand">演示:手形</p>

演示:移動原始碼:<p style="move">演示:移動</p>

演示:等待原始碼:<p style="wait">等待狀態</p>

演示:定位指示原始碼:<p style="crosshair">演示:定位指示</p>

演示:幫助原始碼:<p style="help">演示:幫助</p><p></p>

  是不是簡單又方便?這裡我們只用到了CSS中的“cursor”屬性,利用“style=cursor:值”這樣的語句形式,分別設定具體的值就可以了。例如:值為“hand”時,當滑鼠移到相應的文字或圖片上時,就會變成超連結的小手形;值為“move”時,當滑鼠移到相應的文字或圖片上時,就會變成上下左右帶方向箭頭的形狀,依此類推。這個小技巧也許可以在你製作主頁時幫上一點忙呢!

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957432/,如需轉載,請註明出處,否則將追究法律責任。

相關文章