jQuery基本效果

jQuery基本效果show和hide

显示和消失：

function test1() {

$("#show").hide(2000);

}

function test2() {

$("#show").show(2000);

}

function test3() {

$("#show").toggle(2000);

}

Toggle是开关的意思，当消失时由test3控制的按钮可以使它出现，反之消失。

jQuery滑动方法：

有三种方法，slideDown()、slideUp()、slideToggle()

slideDown()用于向下滑动的元素

$("#flip").click(function
() {

$("#pane1").slideDown();

});

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

$("#flip").click(function
() {

$("#pane1").slideUp
();

});

slideToggle()方法可以在slideDown()与slideUp()方法之间进行切换，如果元素向下滑动，则slideToggle()可以向上滑动它们，如果元素向上滑动，则slideToggle()可以向下滑动它们。

$("#flip").click(function
() {

$("#pane1"). slideToggle()；

});

淡入淡出的效果：

fadeOut([speed],[easing],[fn])、fadeIn([speed],[easing],[fn])、fadeToggle([speed],[easing],[fn])fadeTo(speed,opacity,[easing],[fn])

function
fadeOutFun() {

$(".wrap").fadeOut();//淡出的效果

}

function fadeInFun() {

$(".wrap").fadeIn();//淡入的效果

}

function fadeToggleFun() {

$(".wrap").fadeToggle(1000); //淡入/出效果切换

}

function fadeToFun() {

$(".wrap").fadeTo(1000,0.5); //改变元素的透明度

}