web前端|js教程
animate.css,jQuery,样式表
web前端-js教程animate.css是一个有趣的,跨浏览器的css3动画库。
app源码软件,ubuntu查看数据情况,测试环境tomcat的搭建,区域网爬虫,什么专业要学PHP,seo常用工具搜行者SEOlzw
A、首先引入animate css文件
含登录页面的jsp网站源码,ubuntu打包整个目录,客户端tomcat数据库,网络爬虫的梗,php输入一个学号进行查询,seo文字标题lzw
B、给指定的元素加上指定的动画样式名
表白网源码,vscode怎么使用vim,ubuntu变为kali,禁用tomcat ajp,sqlite 字符串加密,微信弹窗插件,web前端工程师需要的框架,上海封闭小区爬虫吃什么,调试php网站,延庆区seo优化,粉色色情的交友网站,60个网页常用png图标,html5 扁平化后台模板lzw
这里包括两个class名,第一个是基本的,必须添加的样式名,任何想实现的元素都得添加这个。第二个是指定的动画样式名。
C、如果说想给某个元素动态添加动画样式,可以通过jquery来实现
给动画对象添加类,然后监听动画结束事件,一旦监听到动画结束,立即移除前面添加的类。
官方给出了jQuery的封装:
//扩展$对象,添加方法animateCss $.fn.extend({ animateCss: function (animationName) { var animationEnd = webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend; $(this).addClass(animated + animationName).one(animationEnd, function() { $(this).removeClass(animated + animationName); }); }});//调用示例:$(#box).animateCss(ounce);