jQuery内容整理——效果

<ul>
<li>.show()显示匹配的隐藏元素
show(speed,easing,complete)speed:slow/600,normal,fast/200;easing:动画效果默认swing还可选linear;complete:元素显示完成后执行的函数</li>
<li>.hide(),与show相反</li>
<li>.slideUp()通过高度变化(向上减小)来动态地隐藏所有匹配的元素</li>
<li>.slideDown()</li>
<li>.slideToggle()</li>
<li>.fadeOut()通过不透明度的变化来实现所有匹配元素的淡出效果</li>
<li>.fadeIn()</li>
<li>.fadeTo()把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,</li>
<li>.fadeToggle()</li>
<li>.animate用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象

$("#go").click(function(){
    $("#block").animate({ 
        width: "90%",
        height: "100%", 
        fontSize: "10em", 
        borderWidth: 10
     }, 1000 );
});
```</li>
<li>.stop()停止所有在指定元素上正在运行的动画。
stop(clearQueue,jumpToEnd)均boolean型,1true清空列队,2true立即完成</li>
<li>.finish()停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画与.stop(true, true)很相似.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。</li>
<li>.delay一个延时来推迟执行队列中之后的项目delay(time)
`$('#foo').slideUp(300).delay(800).fadeIn(400);`</li>
<li>jQuery.fx.off = true关闭页面上所有的动画。</li>
<li>jQuery.fx.interval = 1000设置动画的显示帧速。</li>
</ul>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 4,814评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,937评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,281评论 0 2
  • (续jQuery基础(2)) 四、动画篇 第1章 动画基础隐藏和显示 (1)隐藏元素的hide方法 让页面上的元素...
    凛0_0阅读 3,297评论 0 6
  • OOP 指什么?有哪些特性 Object oriented programming 的缩写,面向对象的程序设计,其...
    辉夜乀阅读 1,333评论 0 0

友情链接更多精彩内容