`
夏末忆逝
  • 浏览: 147235 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery学习笔记-动画

阅读更多
jquery的动画效果,最简单的当属于hide(),show();这两个函数.
但这两种效果并未体现出较好的动画效果,下面几种方式可以使页面效果更具创意
1.show(),hide()添加参数 fast slow normal 毫秒
例:show("fast"),hide(3000);
2.fadeIn(),fadeOut()参数fast slow normal 毫秒
例:fadeIn("slow"),fadeOut(3000);
3.slideDown(),slideUp()参数fast slow normal 毫秒
例:slideDown("fast"),slideUp(3000)
show().hide().动画会减少"内容"的宽度,高度,透明度
fadeIn(),fadeOut()动画只改变内容的透明度,不改变其高度和宽度
slideUp(),slideDown()动画使元素从上到下或从下到上延伸展示

更丰富的动画效果
animate(params,speed,callback)
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2"}
speed:速度参数(可选)
callback:在动画完成时执行的函数(可选)
例:$("div").animate({height:"+=50"},3000,function(){});
多个动画执行会按照顺序执行,非动画操作需要使用callback来执行,否则不会按照预期动画顺序执行,非动画操作会立即执行

fadeTo(speed,transparency )  transparency:透明度
例:fadeTo(3000,0.2)只改变元素的透明度

当在一个animate()方法中应用多个属性时,动画是同时发生的
当以链式写法应用动画方法时,动画是按照顺序发生的
分享到:
评论

相关推荐

    jquery学习笔记--1

    **jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识,包括其核心概念、选择器、DOM操作、事件...

    jquery学习笔记-相关代码

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这份笔记旨在深入理解jQuery的核心概念,通过实例代码来加强理解和应用。 1. **jQuery选择器**:...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    jquery 学习笔记

    **jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...

    jquery 学习笔记源码 1-3章

    总结来说,《jQuery学习笔记源码1-3章》提供了从基础到实践的全面教程,通过学习和实践这些源码,你将能够熟练掌握jQuery的基本操作,如选择元素、处理事件和创建动画,为后续的Web开发工作打下坚实基础。...

    韩顺平jquery学习笔记及练习

    《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源,由知名讲师韩顺平的课程实录整理而成,旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...

    jquery-1.3.1-vsdoc.rar

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,特别是对于DOM操作、事件处理、动画效果以及Ajax交互等方面。本篇文章将深入探讨jQuery 1.3.1版本,特别是其VSDOC特性,这对于在Visual Studio...

    jquery学习笔记.rar

    《jQuery学习笔记详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,因其简洁的语法和强大的功能,深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery,无论你是初学者还是有...

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    JQuery学习笔记

    以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...

    JQuery学习笔记(技术文档)

    ### JQuery学习笔记(技术文档) #### 一、JQuery能做什么? JQuery 是一款轻量级的 JavaScript 库,它的设计宗旨是“write less, do more”,即“写得更少,做得更多”。通过JQuery,可以实现以下功能: 1. **...

    Ajax和jQuery学习笔记

    ### Ajax和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax?** Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用来创建快速动态网页的技术,通过在后台与服务器进行少量数据...

    04_尚硅谷_jQuery_王振国 - 课堂笔记1

    在本节课程“04_尚硅谷_jQuery_王振国 - 课堂笔记1”中,主要讲解了jQuery中的一些核心操作,包括属性操作、练习、CSS样式操作、动画操作和事件操作。以下是对这些知识点的详细说明: 1. jQuery 的属性操作: - `...

    Jquery学习笔记分享

    **jQuery学习笔记分享** 在Web开发中,jQuery是一个非常重要的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章:...

    JQuery学习笔记合集

    **jQuery学习笔记合集概述** jQuery是一个广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这个"JQuery学习笔记合集"包含了三个部分,旨在帮助开发者从初级到高级...

    JQuery学习笔记(日常积累)

    在深入探讨jQuery的知识点之前,首先需要理解jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器,它允许开发者通过CSS样式的语法轻松选取HTML...

    jQuery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码的编写,使得网页交互变得更加简单。这个资源包含了作者在自学jQuery过程中积累的笔记,以HTML页面的形式呈现,方便阅读和...

    jQuery学习笔记 jQuery API

    **jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...

    锋利的jQuery学习笔记

    《锋利的jQuery学习笔记》是一份深入探讨jQuery框架的学习资料,主要针对想要掌握JavaScript库jQuery的开发者。jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理...

Global site tag (gtag.js) - Google Analytics