如何使用JavaScript制一個飄浮的圖片效果
Sublime編纂器
HTML+CSS JavaScript方式/步調
- 1
編寫結果所需的HTML代碼，很是簡單，插手一個
標簽即可，代碼如下圖所示：
- 2
對HTML進行需要的CSS節制，具體代碼如下圖所示：
- 3
界說HTML元素移動1像素的一個函數，具體代碼如下：
- 4
插手計時器，每30毫秒挪用一次，這樣圖片就可以動起來了，代碼如下圖所示：
- 5
再添加代碼，當鼠標懸停到圖片時遏制滾動，當分開時圖片時繼續滾動，代碼如下所示：
- 6
打開瀏覽器進行預覽，圖片飄浮起來了，結果不錯吧？從速脫手嘗嘗吧！
- 發表于 2019-08-16 22:25
- 閱讀 ( 785 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章