模仿百度首頁「元宵節湯圓」動圖:(js的定時任務:setInterval)
原理:需要一張切圖,透過不斷定位使得圖片就像一一幀一幀的圖片在播放從而形成了動畫
效果圖:
切圖位址:
https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217ef0bf5.png
頁面程式碼:
<%@ page language="java" contentType="text/html; charset=UTF-8"%> <% String ctxPath = request.getContextPath(); request.setAttribute("ctxpath", ctxPath);//项目根路径 %> <%-- --%>首页 汤圆我要正着挖(●ˇ∀ˇ●):汤圆我要倒着挖o(* ̄︶ ̄*)o:登入後複製推薦學習:《javascript影片教學》
以上是js實現動態的「元宵節湯圓」特效(仿百度)的詳細內容。更多資訊請關注PHP中文網其他相關文章!