jQuery-动画

悠悠 2022-12-02 15:08 112阅读 0赞

淡入fadeIn()利用透明度实现,可传参时间,可传字符串"slow",“fast”,“nomal”,callback  
淡出fageOut()  
隐藏hide()可传参数，speed,callback，宽高同时变化  
显示show()  
切换toggle()  
滑下slideDown()可传参数，speed,callback，利用高度变化  
滑上slideUp()  
切换slideToggle()  
具体用法：

$(function(){
    				var $box1 = $("#box1");
    				$("#btn1").click(function(){
    					$box1.fadeIn("slow",function(){
    						alert("动画完成");
    					});
    				});
    				$("#btn2").click(function(){
    					$box1.fadeOut(3000);
    				});
    				$("#btn3").click(function(){
    					$box1.fadeToggle(3000);
    				});
    				$("#btn4").click(function(){
    					$box1.slideDown(3000);
    				});
    				$("#btn5").click(function(){
    					$box1.slideUp(3000);
    				});
    				$("#btn6").click(function(){
    					$box1.slideToggle(3000);
    				});
    				$("#btn7").click(function(){
    					$box1.show(3000);
    				});
    				$("#btn8").click(function(){
    					$box1.hide(3000);
    				});
    				$("#btn9").click(function(){
    					$box1.toggle(3000);
    				});
    				
    				
    			});

发表评论取消回复

表情：

评论列表（有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery-动画

淡入fadeIn()利用透明度实现,可传参时间,可传字符串"slow",“fast”,“nomal”,callback 淡出fageOut() 隐藏hide()可传参数

悠悠/ 2022年12月02日 15:08/ 0 赞/ 113 阅读

相关 jQuery--jQuery动画、animate

1.隐藏和显示 hide()；隐藏 show()；显示 slideDown(), slideUp(): 只会改变元素的高度 fadeIn(), fadeOu

待我称王封你为后i/ 2022年09月22日 04:55/ 0 赞/ 169 阅读

相关 jQuery整理笔记六----jQuery动画

1、最简单的动画：显隐效果 CSS支持两种方法显示和隐藏元素，即使用visibility或display样式，他们控制元素显示和隐藏的时候效果相同，但是结果却不同。

本是古典何须时尚/ 2022年08月27日 10:54/ 0 赞/ 161 阅读

相关 jQuery动画效果

学习要点： 1.显示、隐藏 2.滑动、卷动 3.淡入、淡出 4.自定义动画 5.列队动画方法 6.动画相关方法 7.动画全局属性在以前很长一段时间里，网页上的

古城微笑少年丶/ 2022年08月18日 15:13/ 0 赞/ 186 阅读

相关 jQuery--动画篇

动画基础隐藏和显示 jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的

布满荆棘的人生/ 2022年06月09日 03:20/ 0 赞/ 157 阅读

相关 jQuery_动画

一.基本动画 show() hide() 第一个参数：动画时长，可以是数字或者字符串，数字用毫秒表示，字符串只能为：“slow”，‘“normal”’，“fast”

た入场券/ 2022年05月22日 12:36/ 0 赞/ 176 阅读

相关 jquery-动画

1.隐藏元素的hide方法 \-修改css的display属性提供参数： .hide( options ) 当提供hide方法一个参数时，.hide()就会成

迈不过友情╰/ 2022年05月10日 04:14/ 0 赞/ 198 阅读

相关 jQuery特效动画

jQuery提供了很多动画效果：控制元素显示与隐藏控制元素淡入和淡出控制元素滑动自定义动画一. 控制元素显示和隐藏以前可以通过css

红太狼/ 2022年03月21日 12:18/ 0 赞/ 225 阅读

相关 jQuery 停止动画

jQuery stop() 方法用于在动画或效果完成前对它们进行停止 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之

待我称王封你为后i/ 2022年01月09日 07:25/ 0 赞/ 231 阅读

相关 jQuery 停止动画

jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、

Bertha 。/ 2021年09月15日 07:40/ 0 赞/ 375 阅读