<p>这个是第二个段落</p>
</body>
</html>
============================================================
滑动动画和透明动画效果代码：
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Hello World jQuery!</title>
<script type=”text/javascript” src=”jquery-1.3.2.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function()
{
//滑动动画效果
$(“#btnShow”).click(function(){
$(“#divPop”).slideDown(“fast”);
});
$(“#btnHide”).click(function(){
$(“#divPop”).slideUp(“slow”);
});
$(“#btnT”).click(function(){
$(“#divPop”).slideToggle(“slow”);
});
//透明度动画效果
$(“#bShow”).click(function(){
$(“#divPop”).fadeIn(2000);
});
$(“#bHide”).click(function(){
$(“#divPop”).fadeOut(“slow”);
});
//指定到透明度
$(“#bHelf”).click(function(){
$(“#divPop”).fadeTo(“slow”,0.3);
});
});
</script>
</head>
<body>
<div>
<br /><br /><br />
<button id=”btnShow”>显示提示文字</button>
<button id=”btnHide”>隐藏提示文字</button>
<button id=btnT>toggle函数测试</button>
<br />
<button id=bShow>淡入</button>
<button id=bHide>淡出</button>
<button id=bHelf>半透明</button>
</div>
<!– 弹出层–>
<div id=”divPop” style=”background-color: #f0f0f0; border: solid 1px
#000000; position: absolute; display:none;
width: 600px; height: 100px;”>
<div style=”text-align: center;”>弹出层</div>
</div>
<p>这个是一个段落</p>
<p>这个是第二个段落</p>
</body>
</html>
