<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
</script>
<style type="text/css">
.ex{
background-color:yellow;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>
<body>
<h2>这是第一个渐隐效果</h2>
<div class="ex"><button class="hide" type="button">Hide me</button>
<p>曾经的祝福,在这一刻变得不再有意义,<br>
如果你能问一下自己,其实生活就是如此反反复复.
</div>
<h2>这是第二个渐隐效果</h2>
<div class="ex"><button class="hide" type="button">Hide me</button>
<p>不知爱情的滋味,尝试着伤心的痛苦,想想又何必呢?<br>
一切顺其自然也不好吧,你不是会失去更多,抓住吧.
</div>
</body>
</html>
扫一扫
3125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
