首页 > web前端 > js教程 > 正文

js实现动态的“元宵节汤圆”特效(仿百度)

藏色散人
发布: 2022-02-13 09:30:54
转载
2672 人浏览过

模仿百度首页“元宵节汤圆”动图:(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中文网其他相关文章!

相关标签:
来源:cnblogs.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!