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

post0發表於2007-08-15
CSS
巧用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/，如需轉載，請註明出處，否則將追究法律責任。

相關文章