JQ/JS 渐变淡出显示和渐变淡入隐藏，animate().css() 如何执行？

Posted 2023-04-26

参考技术A

我不知道是要它们同时进行还是先移动过去再隐藏，2个；

第一个是先移动后隐藏

$(function()

$("div").animate( left:"100",opacity:1,1000,function()

$(this).css(display:"none")

)

)

第2个是移动过去的同时隐藏

$(function()

$("div").animate( left:"100",opacity:1,1000)

)

js和jq的主要区别

js是基础，jq是建立在js的基础上，用js开发出来的一个框架，里面实现和很多常用的功能和效果。只要了解其中方法的含义，我们使用的时候直接调用就可以了。

jq的基本用法

jq的基本语法：

$(function(){

});

jq显示与隐藏:

hide();

show();

toggle();//自动，如果当前为显示，那么点击就隐藏；如果当前为隐藏，点击就为显示。

 

淡入淡出函数：

四种 fade 方法：

• fadeIn();//用于淡入已隐藏的元素。
• fadeOut();//方法用于淡出可见元素。
• fadeToggle();//可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。
• fadeTo();//允许渐变为给定的不透明度（值介于 0 与 1 之间）。