jQuery 淡入淡出

来源:互联网 发布:红警3起义时刻兵种数据 编辑:程序博客网 时间:2024/06/08 23:01

我们做这样一个实例:

有两个按钮,点击淡入,有一个div层淡入,点击淡出,div层淡出:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style>.div{width: 300px;height: 300px;background-color: red;display: none;}</style><script type="text/javascript" src="js/jquery.js" ></script><script>$(function(){$("#btn").click(function(){$(".div").fadeIn();});$("#btna").click(function(){$(".div").fadeOut();});});</script></head><body>     <input type="button" id="btn" value="点击淡入"/>     <input type="button" id="btna" value="点击淡出"/>     <div class="div">     我是一个div块哦!!!!!     </div></body></html>

简单吧!!!!!!!!!大笑

1 0
原创粉丝点击