码迷,mamicode.com
首页 > 其他好文 > 详细

JQ动画 show hide

时间:2014-05-23 03:07:25      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:style   c   java   ext   http   color   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
//从左到右改变大小
$("#div1").toggle(function() {
$(this).show(2000);
}, function() {
$(this).hide(1000);

});


});


$(function() {

$("#btn").click(function() {

$("#div1").toggle(function() {
$(this).fadeOut();
}, function() {
$(this).fadeIn();
});
});
});
</script>

</head>
<body>
<div id="div1" style="background-color: Red;">
上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法<br />
上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法<br />
上的发生的发生法 上的发生的发生法 上的发生的发生法 上的发生的发生法
</div>
<input type="button" id="btn" value="点击" />
</body>
</html>

JQ动画 show hide,布布扣,bubuko.com

JQ动画 show hide

标签:style   c   java   ext   http   color   

原文地址:http://www.cnblogs.com/sumg/p/3742687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!