
|
網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而,超級文本標(biāo)記語言是萬維網(wǎng)(Web)編程的基礎(chǔ),也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言,是因為文本中包含了所謂“超級鏈接”點。 可以有的網(wǎng)友學(xué)過css的話,知道可以用一些css樣式來給鼠標(biāo)做一種效果的切換。比如鼠標(biāo)移到“幫助”等字樣上時,形狀就變成求助的問號;鼠標(biāo)移到可能需要較長時間等待的超鏈接時,鼠標(biāo)形狀就變成等待的樣子,那么怎么用CSS控制鼠標(biāo)樣式變換呢。其實很簡單的的,只需要需要增加幾個代碼就可以做到的。 如果需要將鼠標(biāo)變換成手形狀態(tài)的時候。代碼:<p style="cursor: hand">演示:手形</p> 如果需要將鼠標(biāo)變換成移動狀態(tài)的時候。代碼:<p style="cursor: move">演示:移動</p> 如果需要將鼠標(biāo)變換成等待狀態(tài)的時候。代碼:<p style="cursor: wait">等待狀態(tài)</p> 如果需要將鼠標(biāo)變換成定位等待狀態(tài)的時候。代碼::<p style="cursor: crosshair">演示:定位指示</p> 如果需要將鼠標(biāo)變換成幫助狀態(tài)的時候。代碼:<p style="cursor: help">演示:幫助</p> 當(dāng)然這些只是一些常見的比較實用的代碼。我們在這里就用到了css中的“cursor”屬性,用“style=cursor:值”這樣的語句形式,分別設(shè)置具體的值就可以了。例如:值為“hand”時,當(dāng)鼠標(biāo)移到相應(yīng)的文字或圖片上時,就會變成超鏈接的小手形;值為“move”時,當(dāng)鼠標(biāo)移到相應(yīng)的文字或圖片上時,就會變成上下左右?guī)Х较蚣^的形狀。 現(xiàn)在知道css的神奇了吧。其實對于一些學(xué)過css的人員來說都是最基本的代碼填寫了,只是我們門外漢來湊熱鬧而已了。那么現(xiàn)在學(xué)了幾招可以去對自己的主頁來嘗試下哦。 以上就是CSS控制鼠標(biāo)樣式變換的全部內(nèi)容了,希望對你有所幫助哦。 網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!