现在的位置: 首页 -> 前端学习 -> JS前端 -> jquery将顶部的广告图向上慢慢收起

jquery将顶部的广告图向上慢慢收起

2014-05-29 22:22 ⁄ 评论数 0 ⁄ 被浏览 6792 views+

现在很多网站都有这样的效果，打开网站顶部有一个大大的广告图，就是一些宣传活动的广告，然后过几秒后就自己慢慢的向上缓缓收起，直到完全隐藏掉。这种效果的实现是这样的：

源码参考：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>jquery将顶部的广告图向上慢慢收起</title>

</head>

<body>

测试测试测试测试测试测试测试测试测试测试测试测试

</div>

setTimeout(function(){$(".daixiaorui").slideUp(2000);},3000); //3秒后收起图片,2秒后完全收起

</script>

</body>

</html>