^{<noscript id="sbys8"></noscript>}

很不錯的廣告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   class="iwvjtn8m0"   id="banner">        	<span>關閉</span>        </div>    </body></html>

上一篇：兩側的對聯廣告代碼，漂浮廣告

下一篇：可關閉的jquery倒計時廣告特效_js貼片倒計時