jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了重写Jquery fadeIn()以使用CSS3过渡大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法只重写 JQuery fadeIn()和fadeOut()函数,以便在浏览器支持时使用CSS3 Transitions.

我正在为所有其他动画使用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
}

}

谢谢

解决方法

如果你想用jQuery Transit替换jQuery的fadeIn和fadeOut函数,你可以这样做:

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

}

JS Fiddle Demo

它并不完美,但您可以根据自己的喜好进行调整.

大佬总结

以上是大佬教程为你收集整理的重写Jquery fadeIn()以使用CSS3过渡全部内容,希望文章能够帮你解决重写Jquery fadeIn()以使用CSS3过渡所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。