位置: 编程技术 - 正文

jQuery之动画效果大全(jquery的动画效果)

编辑:rootadmin

推荐整理分享jQuery之动画效果大全(jquery的动画效果),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的动画函数,jquery动画库,jquery的动画函数,jquery的动画函数,jquery的动画函数,jquery中的动画是怎样用的,jquery常用动画制作,jqueryanimate动画,内容如对您有帮助,希望把文章链接给更多的朋友!

下面介绍了几种动画效果的方法,具体如下:

1、show()显示效果

语法:show(speed,callback)  Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。

show(speed,[easing],callback)  Number/String  easing默认是swing,可选linear;    

    

2、hide()隐藏效果

语法:hide(speed,callback)  Number/String,Function

hide(speed,easing,callback)  Number/String   

3、toggle()隐藏显示自动切换,当目前为显示则隐藏,当目前为隐藏则显示

语法:toggle(speed,callback)  Number/String,Function

   toggle(speed,callback)  Number/String,String,Function  

4、slideDown()向下显示,slow()是水平与垂直方向同时展开,而slideDown是仅仅在垂直方向向下展开

语法:slideDown(speed,callback)  Number/String,Function

   slideDown(speed,[easing],callback)  Number/String,Function    

5、slideUp()向上隐藏,  hide()是水平与垂直两个方向的,而slideUp()仅仅是垂直方向向上收起隐藏

语法:slideUp(speed,callback)  Number/String,Function

   slideUp(speed,[easing],callback)  Number/String,String,Function    

6、slideToggle垂直方向上切换,toggle是水平与垂直两个方向上的,而slideToggle是仅仅垂直方向的。

语法:slideToggle(speed,callback)  Number/String,Function

jQuery之动画效果大全(jquery的动画效果)

slideToggle(speed,[easing],callback)  Number/String,String,Function   

7、fadeIn() 以改变透明度来显示

语法:fadeIn(speed,callback)    Number/String,Function

   fadeIn(speed,[easing],callback)  Number/String,Function    

8、fadeOut() 以改变透明度来隐藏

语法:fadeOut(speed,callback)   Number/String,Function

   fadeOut(speed,[easing],callcack)   Number/String,String,Function

9、fadeToggle() 以改变透明度来切换显示隐藏状态

语法: fadeToggle(speed,callback)  Number/String,Function

   fadeToggle(speed,[easing],callback)    Number/String,Function 

、fadeTo() 由指定的时间将透明度改变到指定的透明度

语法:fadeTo(speed,callback)    Number/String,Function

 fadeTo([speed],opacity,[easing],[fn])  Number/String,Float,String,Function

、animate() 自定义动画,一般来说数字变动都可以用于动画。

语法:animate(params,speed,easing,callback);  样式参数,时间,可选择,函数    

其中params要用中括号括起来,可以使用的css样式参数。注意要采用骆驼法则,如font-size要写成fontSize。颜色渐变不支持。

backgroundPositionborderWidthborderBottomWidthborderLeftWidthborderRightWidthborderTopWidthborderSpacingmarginmarginBottommarginLeftmarginRightmarginTopoutlineWidthpaddingpaddingBottompaddingLeftpaddingRightpaddingTopheightwidthmaxHeightmaxWidthminHeightmaxWidthfontfontSizebottomleftrighttopletterSpacingwordSpacinglineHeighttextIndent

、stop() 停止正在执行动画

stop([clearQueue],[gotoEnd]);  两个参数均为布尔值,第一个表示,是否停止动画执行、第二个表示,如果停止,是否立即变为执行完成的状态,如果设置为否,则停留在执行一半的状态。 

、delay() 延迟执行动画  当一个动画stop()了之后还能够用delay()来延迟执行。从停止位置继续执行。当然用原来的方法继续执行也不可,不过没有延时效果。  

、jQuery.fx.off//该属性只是是否关闭当前页面上的动画,关闭动画之后,没有动画效果,所有设置了执行时间的动画会瞬间完成。注意此属性出现的位置。出现的位置不同影响的范围也不同。  

、jQuery.fx.interval  //该属性设置动画的帧速,单位是毫秒,如果设置的时间越小,就越平滑。,属性出现的位置同样有影响范围 

标签: jquery的动画效果

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

上一篇:jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)(jquery基础知识)

下一篇:DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)

  • 分期付款的消费税按实际收入算吗对吗
  • 一般纳税人企业所得税多久申报一次
  • 一般纳税人的增值税征收方式的特点是
  • 电子承兑汇票怎么做账
  • 增值税逾期未申报网上可以吗
  • 个人购买房产是指什么
  • 商誉转销会计分录
  • 员工工资的扣点
  • 提取职工福利费计入什么科目
  • 理论增值额的含义
  • 免税和不征税货一样吗
  • 电商一般纳税人如何报税
  • 影视制作公司是做什么的
  • 怎样申请退税费
  • 企业亏损减资的会计处理
  • 专利年费应该入哪个科目
  • 短期借款利息的处理
  • 往来款和应收账款
  • 工程项目发包是什么意思
  • 出租方的维修义务
  • 哪些固定资产不会随着时间的流逝贬值
  • 个人所得税的征收标准及税率
  • 电脑中毒了怎么弄
  • 根据完工进度确认成本
  • 城建税的会计账务处理
  • mssvr.exe - mssvr是什么进程 什么用
  • gradle视频教程
  • php imagestring
  • 本部借给分公司的钱用交印花税吗
  • 资产减值损失的计算公式
  • 出售固定资产申报表收入与损益表收入不一致
  • 提供劳务收入如何核算
  • 高新技术企业在哪申报年报
  • 解决口苦最快的方法
  • 货物运输业增值税专用发票
  • 跨年庆典中燃放的歌曲
  • 外贸出口企业增值税怎么结转
  • 工作被取代
  • ai引领技术变革是什么
  • 哪些费用发票可以抵扣企业所得税
  • 委托代理出口账务处理
  • 汽车销售公司购置税账务处理
  • 加权平均资本结构
  • 不能加计扣除的研发费用在辅助账怎么反映
  • 合同资产与应收账款的关系
  • mongodb使用案例
  • 坏账准备的账务处理例题视频讲解
  • 代订饭店
  • 印花税已缴税额
  • 销售产品的运输费会计分录
  • 长期股权投资追溯调整有几种情况
  • 出售无形资产和固定资产计入什么科目
  • 现金核算如何进行账务处理
  • 公司因担保产生损失
  • 上个月的发票未开具
  • 勘察设计费取费
  • 材料自产自销的会计科目
  • 以前年度损益调整账务处理分录
  • 存货跌价准备的计算
  • 总资产报酬率的公式
  • 进销项月末结转吗
  • 台账和明细账有什么区别
  • 减免所得税优惠政策
  • 发票过账是什么意思
  • linux解析命令
  • win造字软件
  • msedge.exe是什么
  • win8正版系统自带
  • Win10预览版更新弹窗如何关闭
  • ssh encountered 1 errors during the transfer错误3种解决方法
  • 结合mint-ui移动端下拉加载实践方法总结
  • unicode编码实现方案
  • node语句
  • shell编程教程
  • unity怎么录屏
  • 车库契税怎么收费
  • 企业从国外进口铁矿石
  • 什么叫以物易物
  • 安徽省各地区最低录取中考分数线
  • 陕西的发票在哪里领取
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设