问div应以动画形式出现
EN

Stack Overflow用户

提问于 2011-05-21 22:24:51

回答 1查看 260关注 0票数 0

我想向我的div控件显示一个动画。

当页面被加载div应该是隐藏的，当用户点击一个按钮div应该出现一些动画我想要显示一个滑动动画在我的div控件，这应该发生在一个按钮被点击。

我必须在jquery中做这件事。

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-05-21 22:26:17

$(document).ready(function(){
  $("#btn").click(function(){
    $(".divClass").slideToggle("slow");

  });
});

其他选项为slideDown, slideUp, slideToggle,fadeIn, fadeOut, fadeTo

完整的示例如下所示

<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#btn").click(function(){
    $(".divClass").slideToggle("slow");

  });
});
</script>

<style type="text/css"> 
.divClass
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
height:120px;
display:none;
}
</style>
</head>

<body>

<div class="divClass">
<p>This is a sample JQuery Animation</p>
<p>Your text or control goes here...Your text or control goes here....Your text or control goes here</p>
</div>

<input id="btn" type="button"  value="Show Div" />

</body>
</html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6082344

复制

相似问题

问div应以动画形式出现
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div应以动画形式出现EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div应以动画形式出现
EN