您现在的位置: 万盛学电脑网 >> 程序编程 >> 数据库 >> 数据库综合 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

计算机作为信息时代的主要载体和工具,正担负着越来越重要的作用,下面就让我们一起来欣赏这篇关于div慢慢隐藏消失效果实例教程的文章吧!

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

下面是核心jQuery代码:

$(document).ready(function () {

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

$(this).animate({

opacity: "hide"

}, "slow");

});

});

 

慢慢有过度效果的消失的div

 

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

以上就是精品为您准备的关于div慢慢隐藏消失效果实例教程的信息,希望对您的生活工作有帮助。