想做一个类似于新浪原来的广告效果的贺新年图片自动下拉上缩的javascript效果.

archerko 2009-12-31 02:58:26
想做一个类似于新浪原来的广告效果的贺新年图片自动下拉上缩的javascript效果.
就是那种一副大图片哗啦一下在开网页的时候显示出来,然后过个1、2秒又自动收上去的效果。
或者有什么好点的类似庆贺新年的效果代码的...
麻烦大家帮下忙...
公司急着要在...
...全文
165 5 打赏 收藏 举报
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
yuanlaiyouni 2011-06-07
  • 打赏
  • 举报
回复
谢谢分享!
浪尖赏花 2009-12-31
  • 打赏
  • 举报
回复
做了个简单的^_^
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
var d = null;
var sh = null;
var hid = null;
window.onload = function(){
d = document.getElementById("notice");
sh = window.setInterval("show()",10);
};
function show(){
var top = parseInt(d.style.top.replace("px",""));
if(top<0){
d.style.top = (top+1)+"px";
}else{
window.clearInterval(sh);
window.setTimeout("goHidden()",5000);//5秒后收缩起来
}
}
function goHidden(){
hid = window.setInterval("hidden()",10);
}
function hidden(){
var top = parseInt(d.style.top.replace("px",""));
if(top>-200){
d.style.top = (top-1)+"px";
}else{
window.clearInterval(hid);
}
}
</script>
</head>

<body>
<div id="notice" style="widht:100%;position:absolute;height:200px;top:-200px;left:0px;">
<img width="100%" height="100%" src="http://d5.sina.com.cn/200912/22/203811_750-450.jpg"/>
</div>
</body>


</html>
千游 2009-12-31
  • 打赏
  • 举报
回复
我这倒是有个,但是十分复杂
抱抱我的小猫 2009-12-31
  • 打赏
  • 举报
回复
<script type="text/javascript" src="Js/jquery-1.3.2.min.js" ></script> 
<script type="text/JavaScript">

$(document).ready(function(){
setTimeout("loadNewPage();",2000);
});

function loadNewPage(){
$("#topDiv").slideUp("slow");
}
</script>

<div id="topDiv">123</div>
<div id="mainDiv">123</div>
happy664618843 2009-12-31
  • 打赏
  • 举报
回复
没有做过 上网查下
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2009-12-31 02:58
社区公告
暂无公告