CSS使用自定義光標(biāo)樣式的實(shí)現(xiàn)_遁地龍卷風(fēng)
我要評(píng)論測(cè)試環(huán)境是chrome瀏覽器
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36
css樣式
div
{
cursor:url('1.jpg'),pointer;
}
HTML
<body>
<div style="width:100px;height:100px;background-color:red;"></div>
</body>
當(dāng)鼠標(biāo)放到div上，光標(biāo)會(huì)變成你指定的圖案
*注意事項(xiàng)
要確保自定義的圖片足夠小，這里的是16*16
不同瀏覽器支持的圖片格式不一樣，請(qǐng)自行查找
cursor:url('1.jpg'),pointer;這里的1.jpg要和當(dāng)前html文件在同級(jí)目錄，pointer是必要的，當(dāng)自定義的圖片不能應(yīng)用時(shí)采用的備用方案，本次測(cè)試不寫(xiě)是不對(duì)的。
以上這篇CSS使用自定義光標(biāo)樣式的實(shí)現(xiàn)_遁地龍卷風(fēng)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
純CSS3實(shí)現(xiàn)可用鼠標(biāo)控制娘口三三笑臉動(dòng)畫(huà)特效源碼
是一段可以控制娘口三三從微笑變成賊笑的動(dòng)圖效果代碼，鼠標(biāo)離開(kāi)娘口三三后娘口三三又會(huì)從賊笑變回微笑狀態(tài)，本段代碼適應(yīng)于所有網(wǎng)頁(yè)使用，有興趣的朋友們可以了解下哦2016-08-17
純CSS3制作逼真的汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)特效源碼
本源碼是一套使用純CSS3制作的逼真汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)特效的代碼，通過(guò)公路斑馬線的左右晃動(dòng)來(lái)制作出汽車(chē)運(yùn)動(dòng)的視覺(jué)效果2016-08-17淺談CSS中display/float/position屬性值的相互影響
下面小編就為大家?guī)?lái)一篇淺談CSS中display/float/position屬性值的相互影響。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-17css(display,float,position)深入理解
下面小編就為大家?guī)?lái)一篇css(display,float,position)深入理解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-17
純JS和CSS3實(shí)現(xiàn)頁(yè)面滾動(dòng)動(dòng)畫(huà)庫(kù)特效源碼
kissui.scrollanim是一個(gè)實(shí)用的純JS和CSS3頁(yè)面滾動(dòng)動(dòng)畫(huà)庫(kù)的插件?？梢允乖剡M(jìn)入瀏覽器視口的時(shí)候，展示指定的CSS3動(dòng)畫(huà)效果，歡迎下載使用2016-08-16- 下面小編就為大家?guī)?lái)一篇常用的 css 命名規(guī)則(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-08-18
