您的位置：首页 > 其它

JQ实现顶部公告自动上缩隐藏

2012-04-23 16:27 459 查看

用JQ实现首页顶部公告自动上缩隐藏消失。

代码很简介！

页面载入后，那个顶部公告显示3秒后自动向上隐藏！

setTimeout(function(){接下来要执行的函数, 时间});

jq的animate。

<!DOCTYPE html>
<html>
<head>
<title>test jquery methods</title>
<style type="text/css">
#top_ad{ font-size:18px; color:#000; background-color:#FFB973;}
</style>
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){$("#top_ad").animate({height:'toggle', opacity:'toggle'}, {duration:"slow"})}, 3000);
});
</script>
</head>
<body>

<div id="top_ad"> >>: 最高法：网站擅播影视作品须1天内删除07:05</div>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航