課程
/前端開發(fā)
/HTML/CSS
/H5+JS+CSS3實(shí)現(xiàn)七夕言情
老師,您的博客的鼠標(biāo)特效是如何實(shí)現(xiàn)的,有源碼嘛?可以發(fā)我學(xué)習(xí)學(xué)習(xí)嘛?
2018-01-05
源自:H5+JS+CSS3實(shí)現(xiàn)七夕言情 2-1
正在回答
鼠標(biāo)特效代碼為:① 單鼠標(biāo)特效代碼:
<style type=TEXT/CSS> BODY {CURSOR:url('http://webme.bokee.com/inc/mouse025.cur');} A {CURSOR:hand} </style>
② <style>BODY{cursor:url('http://webme.bokee.com/inc/mouse025.ani');}A{CURSOR: url('http://webme.bokee.com/inc/mouse095.cur');}</style>
前者鼠標(biāo)是主鼠標(biāo),瀏覽頁面時(shí)起作用;當(dāng)點(diǎn)擊到鏈接處時(shí)后者鼠標(biāo)起作用。具體效果請(qǐng)參考本日志效果。
?將此代碼添加到公告編輯欄內(nèi)即可。說明:
?其中的紅色部分就是鼠標(biāo)特效的樣式的網(wǎng)址。它是可以任意更換的。
舉報(bào)
為七夕節(jié)準(zhǔn)備的H5+JS+CSS3特效案例,由淺入深案例拆分講解
2 回答這個(gè)適配移動(dòng)端嗎
1 回答浮動(dòng)沒效果
2 回答沒有滾動(dòng)效果
1 回答頁面滾動(dòng)效果
3 回答使用translateX使小男孩位置移動(dòng)時(shí),如何獲取left值?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-01-29
鼠標(biāo)特效代碼為:
① 單鼠標(biāo)特效代碼:
<style type=TEXT/CSS> BODY {CURSOR:url('http://webme.bokee.com/inc/mouse025.cur');} A {CURSOR:hand} </style>
② <style>BODY{cursor:url('http://webme.bokee.com/inc/mouse025.ani');}A{CURSOR: url('http://webme.bokee.com/inc/mouse095.cur');}</style>
前者鼠標(biāo)是主鼠標(biāo),瀏覽頁面時(shí)起作用;當(dāng)點(diǎn)擊到鏈接處時(shí)后者鼠標(biāo)起作用。具體效果請(qǐng)參考本日志效果。
?將此代碼添加到公告編輯欄內(nèi)即可。
說明:
?其中的紅色部分就是鼠標(biāo)特效的樣式的網(wǎng)址。它是可以任意更換的。