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

archerko 2009-12-31 02:58:26

想做一个类似于新浪原来的广告效果的贺新年图片自动下拉上缩的javascript效果.
就是那种一副大图片哗啦一下在开网页的时候显示出来，然后过个1、2秒又自动收上去的效果。
或者有什么好点的类似庆贺新年的效果代码的...
麻烦大家帮下忙...
公司急着要在...

...全文

175 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>