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