jQuery学习教程,九:动画
js就是这样一门语言,你可以说它很简单,会一点C就能编写代码;你也可以说它很难,丰富强大灵活;不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”;高手用它来制作“星际争霸”游戏。
jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!
show([arg])//将元素display属性置为除none之外的值,具体记忆功能; hide([arg])//将元素display属性置为none
以上两个函数均可带参数,一类是关键字参数:slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示,
slow -> 600,normal -> 400,fast -> 200
fadeIn([arg])//提升已降低透明度的元素,直到显示;即“淡出”;
fadeOut([arg])//降低元素透明度,直至隐藏,style值为"none";即 “淡入”
$("p").mouseover(function(){ if($(this).is(":visible")){ $(this).fadeOut(1000,function(){ alert($(this).is(":visible"));//false alert($(this).css("display"));//none }); } });
slideUp()//元素由下到上缩短隐藏
slideDown()//元素由上到下伸展
<script type="text/javascript"> $(function(){ $("h2").toggle(function(){ $(this).next("p").slideUp(); },function(){ $(this).next("p").slideDown(); }); }); </script> <h2>点击出现</h2> <p >一段文字</p>