只是最基本的东西，没啥稀奇的，只是今天看jquery教程的时候偶然看到show()和hide()是可以写两个参数的，
第一个参数是元素隐藏/显示的速度(单位：毫秒)，另一个是一个function类型。
例子如下，消失时会同时向上向左移动并且字体颜色逐渐淡化，元素还会还一直抖动，显示时相反，这种渐变效果挺可爱的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<h4>我喜欢吃的水果</h4>
<ul>
<li>苹果</li>
<li>甘桔</li>
<li>梨</li>
</ul>
<input id="hidval" type="hidden" value="0"/>
</div>
<script type="text/javascript">
$(function () {
$("h4").bind("click", function () {
//第一种写法
if ($("#hidval").val() == 0) {
$("ul").hide(3000,function()
{
$("#hidval").val(1);
});
} else {
$("ul").show(3000,function(){
$("#hidval").val(0);
});
}
//第二种写法
//$("ul").toggle(3000);
})
});
</script>
</body>
</html>
相关推荐
- 显示(show)、隐藏(hide)和切换toggle()--显示隐藏动画组。 - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle)--滑动效果动画组，效果与卷帘门类似。 - 淡入(fadeIn)与淡出(fadeOut)与切换(fadeToggle)与渐变...
在页面中单击“显示”连接，通过show()方法以动画的方式显示一幅图片，同时在方法中执行一个回调函数，用于改变图片的边框样式；单击已显示的图片时，通过hide()以动画的方式隐藏该图片。 (2)实现代码 <!DOCTYPE...
本文实例分析了jQuery中show与hide方法用法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...
jquery.ngAnimate 使用 jquery 自动启用 css animaion。... 您可以使用以下方法启用动画，启用动画为true ： .show(true) ， .hide(true) ， .toggle(true)如果您没有设置正确参数，动画不会被启用。 .addClas
用javascript实现的模拟jquery下的显示与隐藏的动画效果，学习的朋友可以参考下。
其中，使用show()方法控制元素的显示，使用hide()方法控制元素的隐藏，使用toggle()方法切换元素的可见状态，使用fadeIn()方法和fadeOut()方法实现元素的淡入和淡出，使用slideUp()方法和slideDown()方法实现元素的...
attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章，宣布jQuery 1.5正式版已经如期...
动画效果的show()与hide()方法 toggle()方法 slideDown()与slideUp()方法 slideToggle()方法 fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览...
必做要使用jQuery1.6+ 及以上 jQuery UI组件构成 jQuery UI 主要分为3个部分：交互、微件和效果库。 交互（Interactions） 交互部件是一些与鼠标交互相关的内容，包括缩放（Resizable） , 拖动（Draggable） , ...
通过 hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示： 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
主要介绍了jquery中show()、hide()和toggle()用法,以实例形式分析了show()、hide()和toggle()在显示、隐藏及切换等应用技巧,需要的朋友可以参考下
animate(params, options) 返回值:jQuery 概述 用于创建自定义动画的函数。...如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。 在 jQuery 1.2 中，你可以使用
<link rel="stylesheet" href="css/demo.css?3.1.64"> <... 这是一款简单好看的jQuery CSS3鼠标悬停图片3D翻转动画代码，网格布局显示图片列表，翻转的方向根据鼠标进入图片的方向而定。
本文实例讲述了JQuery常用简单动画操作方法。分享给大家供大家参考，具体如下： jQuery基础动画回顾 .hide() 隐藏动画 .show() 出现动画 .toggle() 切换显示状态 .slideUp()/Down() 下拉/卷...
show():显示 hide()隐藏 $().toggle():显示和隐藏效果切换 都可以传入参数，speed. fadeOut(淡出) fadeIn(淡入) fadeToggle();淡入淡出切换 fadeTo(2000,0.3)将图片显示到透明度为30%的程度 滑动显示 ...
jquery animate图片模向滑动示例，适用于展示图片太多的页面，通过点击左右方向按钮，滑动展示更多的图片。...如果使用的是"hide"、"show"或"toggle"这样的字符串值，则会为该属性调用默认的动画形式。
show([speed,[easing],[fn]])，参数： speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) easing：用来指定切换效果，默认是"swing"，可用参数"linear" swing：动画...
本文实例分析了JQuery动画与特效的用法。分享给大家供大家参考。具体分析如下： 显示与隐藏 show(spped,[callback])与hide(spped,[callback]) speed可选填slow、normal、fast，对应的速度分别为600ms、400ms、200ms...