effect主要是控制页面元素显示或隐藏，以及动态出现效果等。
basic
1.show( )
显示隐藏对象
2.show( speed, [callback] )
显示隐藏对象
可以指定显示的速度，速度有："slow", "normal", or "fast"；也可以填写数字，毫秒为单位
callback，是在显示完成之后执行的回调。
3.hide()
隐藏对象
4.hide(speed, [callback])
隐藏对象，可指定隐藏的速度， 和一个callback
callback隐藏完成之后执行。
5.toogle()
在一组对象中切换显示和隐藏状态， 切换到的对象显示，其他的则隐藏。
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("button").click(function () {
$("p").toggle();
});
});
</script>
</head>
<body>
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
</body>
sliding滑动效果
slideDown( speed, [callback] )
改变对象的height，以实现向下展开动画效果，用于展现；并在动画结束时可以指定一个callback执行。
slideUp( speed, [callback] )
改变对象的height，实现向上收起的动画效果，用于隐藏；指定callback在动画结束执行
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").show("slow");
} else {
$("div").slideUp();
}
});
slideToggle( speed, [callback] )
用toggle来切换对象时而展开时而收起的效果，好比是一个开关一会用于下拉显示，一会又上拉隐藏。
Fading:淡入淡出效果
fadeIn( speed, [callback] )
淡出，慢慢出现
fadeOut( speed, [callback] )
淡入，慢慢消失
分享到：
相关推荐
jQuery滑块效果脚本-Side Effect是一款专门为网页设计师和开发者设计的强大工具，它利用JavaScript库jQuery实现各种动态的滑动效果。在网页设计中，滑块通常用于展示图片轮播、内容滚动或导航菜单，能有效提升用户...
Overlay-like Effect with jQuery 是一个基于jquery的过渡（筛选）特效插件,区别于传统的遮罩效果,它通过改变其他元素的透明度实现类似遮罩的效果,它可以使某个元素突出显示,其他元素则在遮罩之下。
**jQuery Overlay Effect** jQuery是一种广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本项目"Jquery Overlay Effect"中，我们将探讨如何利用jQuery创建一个图片画廊插件，该...
《深入理解Zoom Effect jQuery插件及其在游戏中的应用》 在Web开发中，JavaScript作为一种强大的客户端脚本语言，被广泛应用于交互式网页的设计与实现。其中，jQuery库因其简洁的语法和丰富的功能，成为了...
"Shuffle Letters Effect: a jQuery Plugin" 是一个用于创建独特文字动画效果的jQuery插件，主要应用于网页设计中，特别是标题、LOGO和幻灯片等元素，为用户提供动态且吸引人的视觉体验。jQuery库因其简洁易用的API...
**jQuery 教程：探索简单易用的视差滚动特效 Parallax Effect** 在网页设计中，视差滚动特效（Parallax Effect）已经成为一种流行趋势，它通过创建深度感和动态视觉体验来提升用户互动性。jQuery，作为一个轻量级、...
【标题】"Two Rollplay Effect with CSS & jQuery"是一个网页设计项目，主要展示了如何使用CSS和jQuery库来创建一个动态的、可控制的图片左右滚动效果。这种效果常见于网站的轮播图或幻灯片展示，能为用户提供互动...
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...
61. js仿淘宝网鼠标经过缩略图放大图片效果的jQuery Fancy Hover Effect完整实例 62. Supersized jQuery全屏相册图片自动切换插件 63. [荐]jquery仿flash漂亮横向图片滚动效果完整版(兼容性非常好) 64. [荐]...
jQuery图片轮播(焦点图)插件jquery.slideBox兼容IE6+，Chrome，Firefox，Opera，safari，可左右，可上下，可快可慢，可指定默认显示第N张，自由设定，代码简洁，运行效率高演示地址：...
本项目"Thumbnails Shrink and Grow Effect in jQuery.zip"显然关注的是如何利用JavaScript及其库jQuery来实现一种缩放效果，即缩略图的“脉冲”效果。这种效果常见于网站的图片展示区域，可以吸引用户的注意力，...
8. **图片资源**：在`effect.png`这个文件中，可能是用于装饰或增强便签视觉效果的图像。这些图像可以通过CSS背景图片属性应用到HTML元素上。 9. **目录结构**：`index.html`是网页的主文件，`css`和`js`文件夹分别...
1. **Effect（特效）** jQuery UI 提供了一系列预定义的动画效果，如淡入淡出（fadeIn/fadeOut）、滑动（slide）、切换（toggle）等。开发者可以通过简单调用这些函数，为网页元素添加生动的动态效果，提升用户体验...
**jQuery.KinSlideshow幻灯片插件详解** 在网页设计中，焦点图或幻灯片效果是一种常见的视觉展示手段，能够吸引用户注意力并高效地展示信息。jQuery.KinSlideshow是一款优秀的JavaScript插件，它提供了丰富的功能和...
effect: 'fade', // 选择切换效果 interval: 3000, // 自动切换间隔时间 // 其他参数... }); }); ``` 6. **测试与调试**：保存并预览你的页面，确保焦点图正确显示并按预期工作。如有问题，可以查看插件的...
通过学习和利用这些资源，开发者可以熟练掌握jQuery UI的各种组件，如表单元素增强（autocompleter、slider、tabs等）、特效（effect）、布局工具（Resizable、Sortable）等，同时，还能了解如何根据项目需求定制...
effect: "fadeIn", // 可以选择淡入、渐显等动画效果 threshold: 0 // 视口边缘距离图片的距离，0表示图片完全在视口内才加载 }); }); ``` 这里我们使用了一个名为`lazyload`的插件，它可以方便地处理延迟...
**jQuery.slidizle插件详解** jQuery.slidizle是一款功能强大且高度自定义的响应式jQuery幻灯片插件。它专为那些希望在网站上创建吸引人的、动态内容展示区的开发者设计。这款插件的核心优势在于其灵活性，允许用户...
- `jquery.ui.effect.js` **调用方法：** ```javascript $("#element").animate({ backgroundColor: 'red' }, 1000); ``` **参数说明：** - **backgroundColor** (String): 要改变的背景颜色。 - **duration** ...
**jQuery UI 提示框显示工具详解** jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合，它提供了丰富的交互式组件，其中包括我们今天要讨论的提示框显示工具。jQuery UI 的提示框（Tooltip）是一种优雅...