WEB前端

jQuery操作div慢慢隐藏消失效果实例教程

位置:首页 > WEB前端 > jquery教程,2013-02-07
这是用jQuery操作div慢慢隐藏消失效果实例教程,比较好的网页特效下面是核心jQuery代码:$(document).ready(function(){$(".pane").click(funct...

这是用jQuery操作div慢慢隐藏消失效果实例教程,比较好的网页特效

下面是核心jQuery代码:


$(document).ready(function () {

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

       $(this).animate({

           opacity: "hide"

       }, "slow");

   });


});


<div class="pane">慢慢有过度效果的消失的div</div>


当点击div时,jQuery会首先寻找用缓慢的速度将其opacity设置为透明效果,达到隐藏效果。

TAGS:jquery教程jquery特效jquery div消失

猜你喜欢

NewHot