展开全部
我有现成的例子，但是怎么发给你呢。把你邮箱发给我吧 yxdyj@126.com （PS:效果已经发给你了，稍微改改css应该就可以得到你的截图样子，希望可以帮助到你。）
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script type="text/javascript" src="http://www.CsrCode.cn/html/txdm_2/images/20100916/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
.panel,.flip
{
margin:0px;
padding:5px;
width:240px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
cursor:pointer;
}
.panel
{
width:240px;
height:120px;
display:none;
}
</style>
</head>
<body>
<p class="flip">Show / Hide</p>
<div class="panel">
<p>Hello, Baby!</p>
</div>
</body>
</html>
测试通过，(*^__^*) 嘻嘻……，俺也是新手。。不明白的地方可以互相交流。QQ:351219036
<head>
<script type="text/javascript" src="http://www.CsrCode.cn/html/txdm_2/images/20100916/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
.panel,.flip
{
margin:0px;
padding:5px;
width:240px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
cursor:pointer;
}
.panel
{
width:240px;
height:120px;
display:none;
}
</style>
</head>
<body>
<p class="flip">Show / Hide</p>
<div class="panel">
<p>Hello, Baby!</p>
</div>
</body>
</html>
测试通过，(*^__^*) 嘻嘻……，俺也是新手。。不明白的地方可以互相交流。QQ:351219036
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
效果很好写，主要是没有素材。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
