欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS使用自定義光標樣式的實現(xiàn)_遁地龍卷風

  發(fā)布時間:2016-08-17 09:03:51   作者:佚名   我要評論
下面小編就為大家?guī)硪黄狢SS使用自定義光標樣式的實現(xiàn)_遁地龍卷風。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

測試環(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>

當鼠標放到div上,光標會變成你指定的圖案

*注意事項

要確保自定義的圖片足夠小,這里的是16*16

不同瀏覽器支持的圖片格式不一樣,請自行查找

cursor:url('1.jpg'),pointer;這里的1.jpg要和當前html文件在同級目錄,pointer是必要的,當自定義的圖片不能應(yīng)用時采用的備用方案,本次測試不寫是不對的。

以上這篇CSS使用自定義光標樣式的實現(xiàn)_遁地龍卷風就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 純CSS3實現(xiàn)可用鼠標控制娘口三三笑臉動畫特效源碼

    是一段可以控制娘口三三從微笑變成賊笑的動圖效果代碼,鼠標離開娘口三三后娘口三三又會從賊笑變回微笑狀態(tài),本段代碼適應(yīng)于所有網(wǎng)頁使用,有興趣的朋友們可以了解下哦
    2016-08-17
  • 純CSS3制作逼真的汽車運動動畫特效源碼

    本源碼是一套使用純CSS3制作的逼真汽車運動動畫特效的代碼,通過公路斑馬線的左右晃動來制作出汽車運動的視覺效果
    2016-08-17
  • 淺談CSS中display/float/position屬性值的相互影響

    下面小編就為大家?guī)硪黄獪\談CSS中display/float/position屬性值的相互影響。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-17
  • css(display,float,position)深入理解

    下面小編就為大家?guī)硪黄猚ss(display,float,position)深入理解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-17
  • 純JS和CSS3實現(xiàn)頁面滾動動畫庫特效源碼

    kissui.scrollanim是一個實用的純JS和CSS3頁面滾動動畫庫的插件。可以使元素進入瀏覽器視口的時候,展示指定的CSS3動畫效果,歡迎下載使用
    2016-08-16
  • 常用的 css 命名規(guī)則(推薦)

    下面小編就為大家?guī)硪黄S玫?css 命名規(guī)則(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦
    2016-08-18

最新評論