模仿百度首页“元宵节汤圆”动图:(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:Nach dem Login kopieren推荐学习:《javascript视频教程》
以上是js实现动态的“元宵节汤圆”特效(仿百度)的详细内容。更多信息请关注PHP中文网其他相关文章!