很不错的广告Banner收缩效果

2024-09-05 12:22:43

字体：大中小

来源：转载

供稿：网友

广告Banner收缩效果，很棒的代码，大网站上能见到的效果，其实就是一款图片收缩与展开的效果，希望对做网站的站长们有所帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>广告Banner收缩效果</title><style type="text/css">*{margin:0; padding:0;}/*为了方便 直接这样重置了*/#banner{display:none; margin:0 auto; width:960px; height:160px; background:url(http://www.codefans.net/jscss/demoimg/wall5.jpg) no-repeat; position:relative;}#banner span{display:block; bottom:10px; right:10px; width:50px; height:22px; text-align:center; line-height:22px; border:1px #ddd solid; background:#000; color:#fff; font-size:12px; cursor:pointer; position:absolute;}</style><script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script><script type="text/javascript">        $		(			function()			{				$("#banner").slideDown();								$("#banner span").click				(					function()					{						$("#banner").slideUp();					}				);			}		);        </script>    </head>        <body>    	<div id="banner">        	<span>关闭</span>        </div>    </body></html>

上一篇：两侧的对联广告代码，漂浮广告

下一篇：可关闭的jquery倒计时广告特效_js贴片倒计时