jquery怎样实现点击删除淡出效果

javascriptjavascript 2023-08-29 17:50:48 697
摘要： jquery怎样实现点击删除淡出效果在jquery中，可以利用fadeTo()方法和click点击事件实现点击删除淡出效果。fadeTo()方法将被选元素的不透明度逐渐地改变为指定的值。语法为：$(selector).fadeTo(speed,opacity,callback)...

jquery怎样实现点击删除淡出效果

在jquery中，可以利用fadeTo()方法和click点击事件实现点击删除淡出效果。

fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。语法为：

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

其中：

305.png

示例如下：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").fadeTo(1000,0);
  });
});
</script>
</head>
<body>
<p>点击按钮淡出</p>
<button class="btn1">淡出</button>
</body>
</html>

输出结果：

+10.gif

相关视频教程推荐：jQuery视频教程

标签：