当前位置: 首页 > 技术专区  > JavaScript > jquery基础入门篇

jquery效果

2018-5-11 15:32:15 人评论

语法:$(selector).show(speed,callback);$(selector).hide(speed,callback);$(selector).toggle(speed,callback);实例:通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:$("p").show();$("p").hide();通过 jQuery,您可以使…

jquery显示与隐藏

语法:

$(selector).show(speed,callback);

$(selector).hide(speed,callback);

$(selector).toggle(speed,callback);

实例:

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

$("p").show();

$("p").hide();

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。如:

$("p").toggle();

注:

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。


jquery淡入淡出

jQuery fadeIn() 用于淡入已隐藏的元素

语法:$(selector).fadeIn(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。.

可选的 callback 参数是 fading 完成后所执行的函数名称。

实例:

$("p").fadeIn();

$("p").fadeIn('slow');

$('p').fadeIn(1000);

jQuery fadeOut() 方法用于淡出可见元素。

语法:$(selector).fadeOut(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

实例:

$("p").fadeOut();

$("p").fadeOut('slow');

$('p').fadeOut(1000);

jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

语法:$(selector).fadeToggle(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

实例:

$("p").fadeToggle();

$("p").fadeToggle('slow');

$('p').fadeToggle(1000);



jquery滑动效果

jQuery slideDown() 方法用于向下滑动元素

语法:$(selector).slideDown(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

实例:

$("p").slideDown();

jQuery slideUp() 方法用于向上滑动元素

语法:$(selector).slideUp(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

实例:

$("p").slideUp();

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换

如果元素向下滑动,则 slideToggle() 可向上滑动它们。

如果元素向上滑动,则 slideToggle() 可向下滑动它们。

语法:$(selector).slideToggle(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

实例:

$("p").slideToggle();



jquery动画

jQuery animate() 方法用于创建自定义动画。

语法:$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。


实例:

$("p").click(function(){

    $("div").animate({

        left:'100px',

        hight:'+=100'

    });

});



jquery停止动画


jQuery stop() 方法用于停止动画或效果,在它们完成之前

stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

语法:$(selector).stop(stopAll,goToEnd);

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此,默认地,stop() 会清除在被选元素上指定的当前动画。


实例:

$("p").stop();





相关文章

    暂无相关的数据...

共有 条评论 网友评论

验证码: 看不清楚?
    [向上]