1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 如何用jQuery封装animate.css代码

如何用jQuery封装animate.css代码

时间:2020-10-19 22:19:25

相关推荐

如何用jQuery封装animate.css代码

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);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。