如何使用JavaScript在同一个页面上的两个内容之间淡入和淡出？
[英]How can I fade-in and fade-out between two contents on same page using javascript?
问题描述
我正在用JSP开发一个页面。 它包含3个组件：页眉，内容和页脚。 我希望在加载此页面时，“内容”部分应淡入默认内容，即“主页”，其中包含用于注册，登录和网站信用的按钮。 当用户单击注册按钮时，“内容”部分中的内容应淡出并消失，然后寄存器形式的内容应淡入并显示。 其他按钮相同，但页眉和页脚不应有任何更改。 请帮忙！！！
3 个解决方案
解决方案1
1 已采纳 2012-01-16 10:17:20
使用jQuery ...您那里有工作示例...
解决方案2
0 2012-01-16 10:05:56
我建议使用JavaScript库来实现此目的。
jQuery 内置了衰落功能。
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
$('#book').fadeIn('slow', function() {
// Animation complete
});
});
解决方案3
0 2012-01-16 11:02:26
使用JQuery，可以使用选择器和hide()方法隐藏div。 例如：
<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function swap_divs() {
$("#div_to_hide").hide();
$("#div_to_show").show();
}
</script>
<body>
<div id="div_to_hide">
Some text for div to hide
</div>
<div id="div_to_show" style="display: none;">
Some text for div to show
</div>
<button onClick="swap_divs();">Click me</button>
</body>
</html>
如果您查看JQuery网站 ，则可以找到更多示例和大量文档。 也用于淡入/淡出。
使用Javascript淡入，淡出文本
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.