jQuery使用fadeout实现元素渐隐效果的方法
更新时间：2015年03月27日 12:33:55 作者：上大王
这篇文章主要介绍了jQuery使用fadeout实现元素渐隐效果的方法,实例分析了jQuery中fadeout方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery使用fadeout实现元素渐隐效果的方法。分享给大家供大家参考。具体分析如下：
下面的JS代码演示了jQuery控制色块元素逐渐隐藏的效果，可以控制隐藏速度
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
});
</script>
</head>
<body>
<p>Demonstrate fadeOut() with different parameters.</p>
<button>Click to fade out boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;background-color:red;">
</div><br>
<div id="div2" style="width:80px;height:80px;background-color:green;">
</div><br>
<div id="div3" style="width:80px;height:80px;background-color:blue;">
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
对于javascript事件扩展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解决的首要问题是兼容性，所有 lib都会对event进行包裹，统一其属性解决其兼容性。2010-06-06
这篇文章主要介绍了jQuery里prev()的简单操作代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jquery清空input标签的值,清除标签里面的内容,清除input标签的值,可以通过直接将input标签的值设置为空来实现,本文通过示例代码给大家介绍的非常详细,需要的朋友参考下吧2023-10-10
这篇文章介绍了jQuery操作元素节点的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要为大家详细介绍了Jquery实现异步上传文件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了jQuery中用dom操作替代正则表达式的方法,需要的朋友可以参考下2014-12-12
jQuery 隔行换色 支持键盘上下键，按Enter选定值2009-08-08
前段时间项目需要用到双向列表选择，想直接用select，结果发现某些样式不支持，只好用div模拟了以下.大家根据个人需要适当添加，对jquery双向选择器知识感兴趣的朋友一起看看吧2016-11-11
相信大家都见过或使用过放大镜效果，甚至实现过该效果，它一般应用于放大查看商品图片，一些电商网站（例如：凡客，京东商城，阿里巴巴等）都有类似的图片查看效果。那么接下来，我们将向大家介绍通过jQuery实现放大镜效果。2014-09-09
本文给大家分享一段超简单的代码基于jquery实现倒计时功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-02-02
最新评论