jQuery动画效果

1.显示,隐藏动画

显示隐藏

//注意:

1.传递时间时,应该传递数字而不是字符串。

2.fun为动画完成之后的毁掉函数。

2.向上卷起,向下卷起

$("#div1").slideUp(1000);

$("#div1").slideDown(1000);

$("#div1").slideToggle(1000);

3.渐变效果

$("#div1").fadeOut(1000);

$("#div1").fadeIn(1000);

$("#div1").fadeToggle(1000);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习要点 显示隐藏 滑动卷动 淡入淡出 自定义动画 队列动画方法 动画相关方法 动画全局属性 显示隐藏 jquer...
    我拥抱着我的未来阅读 3,440评论 0 0
  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 4,819评论 0 2
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,904评论 0 3
  • 第1章 动画基础隐藏和显示 1-1 jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置c...
    mo默22阅读 4,183评论 0 8
  • 郭相麟 当您百无聊赖,感到一丝困乏,觉得好像生活过得乏味,缺少点笑料时,自娱自乐看一则幽默笑话看一看充满无限想...
    郭相麟阅读 861评论 0 0

友情链接更多精彩内容