jQuery fadeTo()方法,渐变不透明

fadeTo()语法

$(selector).fadeTo(speed, opacity, callback)

fadeTo()语法解析

jQuery中fadeTo()方法,可以将selector指定的元素渐变到opacity指定的透明度。

fadeTo()参数

参数描述
speed指定渐变速度,单位为毫秒,或slow、fast等预定义值。
opacity指定透明度,值介于0和1之间。
callback回调函数。

fadeTo()实例代码

如下代码,通过class选择器,将一个div元素渐变到透明度为0.1:

<div style="width:100%;height:50%;background-color:green;" class="div1"></div>

<button id="test" type="button">确定</button>

<script>
function fadeToAlertSomething(){
  alert("hello!")
}
$("#test").click(function(){
  $(".div1").fadeTo(500, 0.1, fadeToAlertSomething())
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.