摘要：
三. 滑动动画函数基本动画函数的效果是一个综合了滑动和透明度渐变的函数, jQuery还单独提供了只有滑动效果的相关函数.滑动动画函数 Sliding名称说明举例slideDown(speed, [callback])通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。 这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。用600毫秒缓慢的将段落滑下: $("p").slideDown("slow");slideUp 阅读全文
随笔档案-2011年6月28日
Jquery入门学习第三篇
2011-06-28 15:29 by 卫佳, 217 阅读, 收藏,
摘要：
1. 使用基本动画函数基本的动画函数主要分为show,hide和toggle三个. 都提供了无参数的版本, 表示不适用动画切换元素的显示状态:$("#divPop").show(); $("#divPop").hide(); $("#divPop").toggle();都提供了两个参数的重载, 因为回调函数可以省略, 所以可以像开篇实例中使用的, 传入一个数值作为唯一参数, 则会在参数规定的时间内用动画效果显示/隐藏元素:$("#divPop").show(200); $("#divPop"). 阅读全文
Jquery入门学习第一篇
2011-06-28 15:27 by 卫佳, 182 阅读, 收藏,
摘要：
本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识,虽然总有人希望要复杂一些的应用示例, 但是我想还是让我们先把基础打牢, 有了扎实的基础凭借每个人的智慧一定能创造出更多更好的应用.就在写这篇文章的前几天, 还有不止一个同事在为了"弹出层"效果而犯愁. 但是以后再面对这样的功能看过本篇文章的每一个人都可以开心的微笑了.jQuery, make work easy !一. 从实例开始做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等假设有如下需求: ◆ 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层.◆ 阅读全文
Jquery入门学习第二篇
2011-06-28 15:27 by 卫佳, 179 阅读, 收藏,
摘要：
除了实现了基本的显示和隐藏功能, 现在显示和隐藏弹出层是渐变动画效果! jQuery的动画函数如此简单, 第一次我在项目中使用时带给了我意外的惊喜. 曾经我一直为跨浏览器计算位置头痛, 但是通过jQuery的offset()函数和height()函数, 可以精确的计算弹出层的位置. 这些函数是封装好且跨浏览器的.需要注意要在设置弹出层位置属性的时候,加上"px",否则在FireFox下容易出现问题.jQuery的动画函数主要分为三类:1. 基本动画函数: 既有透明度渐变, 又有滑动效果. 是最常用的动画效果函数.2. 滑动动画函数: 仅使用滑动渐变效果.3. 淡入淡出动画函 阅读全文
浙公网安备 33010602011771号