jquery的动画学习--jquery权威指南

前面的fadeIn和fadeOut还有fadeTo以及sildeToggle还有sildeUp\sildeDown还有toggle还有show、hide等都经常用,就不再手写了,需要注意的是fadeTo的合理应用,可以规定opactiy的具体数值,另外各个效果的回调函数可以多用用。

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

$(this).animate({

width:"100px" ,

height :"100px"

},3000, function(){

$(this). css({

border :"blue solid 1px"

}).html("缩小~");

})

})

这个是animate的回调函数应用这个是控制大小啥的,还可以控制位置等等~

animate的延时操作与停止操作

时间: 2024-10-13 03:02:39

jquery的动画学习--jquery权威指南的相关文章

jQuery 停止动画、jQuery Callback 函数、jQuery - Chaining

一.jQuery 停止动画 jQuery stop() 方法用于在动画或效果完成前对它们进行停止. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. $(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列.默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行. 可选的 goToEnd 参数规定是否立即完成当前动画.默认是 false. 因此,默认地,stop() 会清除在被

jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习

程序猿都非常赖,你懂的! 近期在做html5页面的开发,主要做智能终端设备的开发.对于内容比較少的页面.领导提出了要将页眉和页脚定位到网页的最上方和最下方.对于这种要求.事实上一点也只是分. 但对于新手来说.确实非常难.非常不easy,今天我就将我学习的内容一起分享一下! 放置页眉和页脚的方式有三种: Inline - 默认.页眉和页脚与页面内容位于行内. Fixed - 页面和页脚会留在页面顶部和底部. Fullscreen - 与 fixed 类似;页面和页脚会留在页面顶部和底部 请使用 d

Android学习路线权威指南

前言 看到一篇文章中提到"最近几年国内的初级Android程序员已经很多了,但是中高级的Android技术人才仍然稀缺",这的确不假,从我在百度所进行的一些面试来看,找一个适合的高级Android工程师的确不容易,一般需要进行大量的面试才能挑选出一个比较满意的.为什么中高级Android程序员不多呢?这是一个问题,我不好回答,但是我想写一篇文章来描述下Android的学习路线,期望可以帮助更多的Android程序员提升自己.由于我也是从一个菜鸟过来的,所以我会结合我的个人经历以及我对A

学习js权威指南第五站 ---- 数组

1.数组方法 ①join() 将数组中的左右元素都转换成字符串并连接在一起,返回最后生成的字符串. ②reverse() 改变原数组 将数组中的元素颠倒顺序,返回逆序的数组.在原先的数组中重新排列. ③sort() 改变原数组 将数组中的元素排序并返回排序后的数组,当不带参数调用时,数组元素以字母表顺序排序.可以用以下代码将排序按照数值排序: var arr6_5 = [33,2,4,111]; console.log(arr6_5.sort(function(a,b){return a-b})

从零开始学习jQuery (二) 万能的选择器

原文:从零开始学习jQuery (二) 万能的选择器 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery

从零开始学习jQuery (五) 事件与事件对象

原文:从零开始学习jQuery (五) 事件与事件对象 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuer

CSS权威指南学习笔记系列(1)CSS和文档

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称

《jQuery权威指南》学习笔记

1.1 jQuery概述 1.1.1 认识jQuery jQuery:Javascript.CSS.DOM.Ajax 1.1.2 jQuery基本功能 1.访问和操作DOM元素: 2.控制页面样式:兼容性: 3.对页面事件的处理:事件绑定机制: 4.大量插件在页面中的运用: 5.与Ajax技术的完美结合:异步读取服务器数据. 1.1.3 搭建jQuery开发环境 引入jQuery文件库:  <script language="jscript" type="text/ja

从零开始学习jQuery (七) jQuery动画-让页面动起来!

原文:从零开始学习jQuery (七) jQuery动画-让页面动起来! 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零