abstrak:一.顯示和隱藏的屬性 hide(隱藏),show(顯示) 下面是例子<script type="text/javascript">$(document).ready(function(){ $("#hide").click(function(){ $(&quo
一.顯示和隱藏的屬性
hide(隱藏),show(顯示) 下面是例子
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
二.淡入淡出的屬性
fadein(淡入) fadeout(淡出)fadeToggie (開關(guān))fadeTO (慢慢的淡出到一定的時(shí)間) 下面是例子
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeOut("slow");
$("#div3").fadeToggle(3000);
$("#div4").fadeTo("slow",0.15);
});
});
</script>
三.滑動(dòng)的屬性
slideDown(滑動(dòng)向下) slideToggie(滑動(dòng)開關(guān))slideUP (滑動(dòng)向上)下面是例子
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#div1").slideDown();
$("#div2").slideUP("slow");
$("#div3").slideToggle(3000);
});
});
</script>
四.jQuery - animate()方法 還有屬性
naimate(動(dòng)畫的屬性)
必需的 params 參數(shù)定義形成動(dòng)畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時(shí)長(zhǎng)。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是動(dòng)畫完成后所執(zhí)行的函數(shù)名稱。
下面是例子:
<script type="text/javascript"> $(document).ready(function(){ $("#start").click(function(){ $("div").animate({left:'100px'},5000); $("div").animate({fontSize:'3em'},5000); }); }); </script>
五.滑動(dòng)停止的屬性
stop(停止) 下面是例子:
<script type="text/javascript"> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown(5000); }); $("#stop").click(function(){ $("#panel").stop(); }); }); </script>