位置: 编程技术 - 正文

分享一些常用的jQuery动画事件和动画函数(分享一些常用的文件)

编辑:rootadmin

推荐整理分享分享一些常用的jQuery动画事件和动画函数(分享一些常用的文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:十个最常用的slang,分享一些常用的文件,分享一些常用的开源博客社区网站,分享一些常用的英语短语,分享一些常用的英语短语,分享一些常用的开源博客社区网站,分享一些常用的文件,分享一些常用的开源博客社区网站,内容如对您有帮助,希望把文章链接给更多的朋友!

部分jQuery常用的动画函数,整理了一下,在做交互式页面的时候挺有用的

然后又整理了一些animate函数能够操作的css属性,其实也是从网上其他地方找来的( fontSize(在animate函数的css参数指定并不同于标准css属性,例如这个css标准是:font-size。同理上 面很多也是这样的情况)

jQuery动画函数

jQuery动画函数分三类:

1、基本动画函数:既有透明渐变又有滑动效果,常用动画效果。2、滑动动画函数:仅使用滑动效果。3、淡入淡出动画函数:仅使用淡入淡出效果。

一.基本动画函数:

1、show()

显示隐藏匹配元素。这个就是'show( speed, [callback] )'无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。例如:显示所有段落,$("p").show()

2、show(speed,[callback])

以优雅的动画显示匹配的元素,并且在显示完成后可选择返回一个回调函。可根据指定的速度动态改变每个匹配元素高度、宽度和不透明度。例如:用缓慢的动画将隐藏的段落显示出来,历时毫秒,$("p").show()

3、hide()

隐藏显示元素。这个就是 'hide( speed, [callback] )'的无动画版。如果选择的元素是隐藏的,这个方法将不会改变任何东西。例如:隐藏所有段落,$("p").hide()

4、hide(speed,[callback])

以优雅的动画隐藏所有匹配的元素,并在显示完成后可选的触发一个回调函数。可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery1.3中,padding和margin也会有动画,效果更流畅。例如:用ms的时间将段落缓慢的隐藏,$("p").hide("slow");

5、toggle

切换元素的可见状态。如果元素时可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。例如:切换所有段落的可见状态,$("p").toggle()

6、toggle(switch)

根据switch参数切花元素的可见状态(true为可见,false为隐藏)。如果switch设为true,则调用show()方法来显示匹配的元素,如果switch设为false则调用hide()来隐藏元素。例如:切换所有段落的可见状态,varflip=0;$("button").click(function(){$("p").toggle(flip++%2==0);});

7、toggle(speed,[callback])

以优雅的动画切换所有匹配的元素,并在显示完成后可选的触发一个回调函数。可根据指定的速度动态的改变每个匹配元素的高度、宽度和不透明度。jquery1.3,padding和margin也会有动画,效果更流畅。

分享一些常用的jQuery动画事件和动画函数(分享一些常用的文件)

例如:用ms将段落迅速切换显示状态,之后弹出一个对话框,$("p").toggle("fast",function(){alert("hello!");});

二.滑动动画函数sliding

1、slideDown(speed,[callback])

通过高度变化(向下增大)来动态的显示所有匹配的元素,在显示完成后可选择的处发一个回调函数。这个动画效果只调整元素的高度,可以是匹配的元素以“滑动”的方式显示出来。在jQuery1.3中,上下的padding和margin也会有动画,效果更流畅。例如:用ms缓慢的将段落滑下,$("p").slideDown("slow");

2、slideUp(speed,[callback])

通过高度变化(向上减小)来动态的隐藏所有匹配的元素,在隐藏完成后可选的触发一个回调函数。例如:ms缓慢的将段落滑上,$("p").slideUp("slow");

3、slideToggle(speed,[callback])

通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选的触发一个回调函数。例如:ms缓慢的将段落滑上或滑下,$("p").slideTogggle("slow");

三.淡入淡出函数Fading

1、fadeIn(speed,[callback])

通过透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选的调用一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。例如:用ms缓慢的将段落淡入,$("p").fadeIn("slow");

2、fadeOut(speed,[callback])

通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选择的触发一个回调函数。例如:用ms缓慢的将段落淡出,$("p").fadeOut("slow");

3、fadeTo(speed,opacity,[callback])

把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选的出发一个回调函数。例如:用ms缓慢将段落的透明度调整到0.,大约2/3的可见度,$("p").fadeTo("slow",0.)

四、自定义动画函数Custom

1、animate(params,[duration],[easing],[callback])用于创建自定义动画的函数。这个函数的关键在于制定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left。而每个属性的值表示这个样式属性到多少是动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。如果使用的是hide、show、toggle这样的字符串值,则会就该属性调用默认的动画形式。

例如:点击按钮后div元素的几个不同属性一同变化,

2、stop([clearQueue],[gotoEnd])

停止所有在指定元素上正在运行的动画。如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行clearQueue(Boolean):如果设置成true,则清空队列。可以立即结束动画。gotoEnd(Boolean):让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。

例如:点击Go之后开始动画,点Stop之后会在当前位置停下来:

基于jquery animate操作css样式属性小结 昨天突然有网友问我animate()方法可以来操作所有css属性吗?是的,我告诉他可以的。不过,在此有需要注意点需要大家搞清楚:当使用animate()时,必须

jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法 首先,大家都知道,jQuery事件触发时有2种机制,一种是事件委托,另一种是事件冒泡(IE情况暂时不考虑)。拿click事件做例子,先附上一段代码:html

jquery实现两边飘浮可关闭的对联广告 效果展示:代码说明:可关闭的左右两边飘浮的对联广告代码jquery特效,宽屏分辨率大于px才显示。因为考虑到窄屏下显示对联广告那真是用户体验超

标签: 分享一些常用的文件

本文链接地址:https://www.jiuchutong.com/biancheng/373847.html 转载请保留说明!

上一篇:谈谈jQuery Ajax用法详解

下一篇:基于jquery animate操作css样式属性小结(基于jquery实现小说)

  • 增值税的纳税人是谁
  • 手机上税票怎么开
  • 律师异地立案费用
  • 事业单位有那种
  • 结转折旧费用是自动结转的吗
  • 出差飞机票报销标准
  • 退货一定要卖家同意吗
  • 免 抵 退
  • 不征税发票能报税吗
  • 销售免税产品要计算销项税吗
  • 银行电子回单号码什么意思
  • 公司厂房拆迁要交税吗
  • 退休职工报销医药费
  • 免税农产品转出进项税税率
  • 电子普通发票入账规则
  • 个体工商户如何给员工交社保
  • 职工发放洗漱用品怎么进行财税处理?
  • 出口企业免抵增值税
  • 国家税务局通用定额发票还能用吗
  • 发生的费用发票会计分录
  • 增值税一般纳税人是什么意思
  • 发票两边的孔怎么做
  • 应交增值税为负数代表什么
  • 经营方式变更说明
  • 原始凭证的审核内容
  • 3联收据
  • cmd telnet命令大全
  • 财务报表包括哪三大报表?(多选)
  • 总资产报酬率是怎么算出来的
  • 差旅费账务处理例子
  • 收货款时少收几十元,分录怎么做
  • 工会经费申报的依据
  • 分包方可以简易计税吗
  • 增值税留抵退税政策2023
  • js日期字符串转换为指定格式的日期
  • Vue3+element-plus 后台管理系统(含登陆注册功能页面)
  • 非货币性资产交换以公允价值为基础进行计量
  • 企业清缴汇算
  • 微信小程序不方便
  • 企业所得税的征税范围是什么
  • js正则表达式删除特定字符
  • 企业发生的现金折扣应计入什么费用
  • 污水处理厂能享受补助吗
  • 第二季度企业所得税怎么算出来
  • php框架运行原理
  • tf-idf计算
  • php判断手机浏览记录数据
  • 预缴增值税借方余额
  • chkdsk.exe/f命令
  • 农业合作社需要纳税吗
  • 印花税应计入哪些费用
  • 使用命令方式安装程序
  • 建筑企业预缴税率
  • 收到以前年度多交增值税账务处理怎么做账
  • 汽车修理费用会计分录
  • 公司股东的权利和义务有哪些
  • 建筑公司收到劳务发票会计分录
  • 固定资产折旧的计算方法
  • 暂估主营业务成本怎么冲销
  • 银行贷款每个银行一样吗
  • 员工出差报销补贴政策
  • 免税收入如何做分录科目
  • 小规模公司用什么成本核算方法
  • 税务局退以前年度的税款怎样记账
  • 各单位应当设置专职能源管理岗位
  • 系统win8
  • ubuntu做lvm
  • win10用着怎么样
  • qqpcrtp.exe是什么进程 如何删除qqpcrtp进程
  • node.js怎么用
  • 批处理命令教程 pdf
  • python socketio
  • 批处理实现语音报警
  • python如何读取字符串的一个一个字符
  • 批量 update
  • js的判断类型
  • js tab页面切换
  • 进口商品的消费税计入成本吗
  • 阁楼交取暖费吗合法吗
  • 税费算在房价里
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设