大佬教程收集整理的这篇文章主要介绍了重写Jquery fadeIn()以使用CSS3过渡,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为所有其他动画使用jquery传输,我对Jquery的fadeIn和fadeOut函数更为舒服,但是它们运行得不好.
Here’s a link to the site I’m working on
例如;
if(CSS3TransitionsAvailablE){ $.fn.fadeIn() = function(this,speed,callBACk){ //Fade this in Using CSS3 Transistions } }
谢谢
$.fn.fadeOut = function(speed,callBACk) { var transitionSpeed = typeof (speed) == "undefined" ? 1000 : speed; $(this).transition({opacity: 0 },transitionSpeed,callBACk); }; $.fn.fadeIn = function(speed,callBACk) { var transitionSpeed = typeof (speed) == "undefined" ? 1000 : speed; $(this).transition({opacity: 1 },callBACk); }; $("div").on("click",function () { //Fade out for 4 seconds,then fade in for 6 seconds $(this).fadeOut(4000,myCallBACkFunction); }); function myCallBACkFunction () { $(this).fadeIn(6000); }
它并不完美,但您可以根据自己的喜好进行调整.
以上是大佬教程为你收集整理的重写Jquery fadeIn()以使用CSS3过渡全部内容,希望文章能够帮你解决重写Jquery fadeIn()以使用CSS3过渡所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。