0
点赞
收藏
分享

微信扫一扫

jQuery 效果 - 滑动

NicoalsNC 2022-05-16 阅读 35

jQuery 效果 - 滑动_html

<!DOCTYPE html>

<html>

<head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$(".flip").click(function(){

$(".panel").slideDown("slow");

});

});

</script>


<style type="text/css">

div.panel,p.flip

{

margin:0px;

padding:5px;

text-align:center;

background:#e5eecc;

border:solid 1px #c3c3c3;

}

div.panel

{

height:120px;

display:none;

}

</style>

</head>


<body>


<div class="panel">

<p>W3School - 领先的 Web 技术教程站点</p>

<p>在 W3School,你可以找到你所需要的所有网站建设教程。</p>

</div>


<p class="flip">请点击这里</p>


</body>

</html>


举报

相关推荐

0 条评论