您的位置：首页 > Web前端 > JQuery

JQuery的一种特效：展开和收缩

2010-08-12 16:39 239 查看 
<html>
<head>
<mce:script type="text/javascript" src="/jquery/jquery.js" mce_src="jquery/jquery.js"></mce:script>
<mce:script type="text/javascript"><!--
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide(1000);
});
$(".btn2").click(function(){
$("p").show(1000,showColor);
$("p").css("background-color","red");
});
});
function showColor()
{
$("p").css("background-color","green");
}
// --></mce:script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>


 

 

点击Hide后：

 

点击Show后：

 

 

并且有渐变的过程。   很强大的功能啊！！！！！！！！ 切记：使用Jquery要引入Jquery：

                                                                                    <script type="text/javascript" src="/jquery/jquery.js"></script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery function class
相关文章推荐
新的分享
章节导航