我真的是 jquery 的新手......但我想对我的网站产生影响,希望你能帮助我。
我的意图是制作一个带有徽标 ( http://oi49.tinypic.com/34ss55v.jpg ) 的闪屏,然后淡入显示,然后(2 秒后)向上移动徽标并让网站的其余部分出现。
谢谢你的帮助!
我真的是 jquery 的新手......但我想对我的网站产生影响,希望你能帮助我。
我的意图是制作一个带有徽标 ( http://oi49.tinypic.com/34ss55v.jpg ) 的闪屏,然后淡入显示,然后(2 秒后)向上移动徽标并让网站的其余部分出现。
谢谢你的帮助!
您可以使用 jQuery 的fadeIn()
方法来显示启动画面。- http://api.jquery.com/fadeIn/
之后,您将调用fadeOut()
或slideUp()
隐藏图形。
试试这个(最小的)例子:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="splash" style="display:none;"><img src="http://oi49.tinypic.com/34ss55v.jpg"/></div>
<script>
// Slowly fade in image (5 seconds) and then slide it up (2 seconds).
$().ready(function() {
$("#splash").fadeIn(5000).slideUp(2000);
});
</script>
</body>
</html>
希望有帮助:)