可關閉與最小化的右下角浮動廣告代碼

更新時間：2010年09月17日 14:29:49 作者：

可關閉或最小化的右下角浮動廣告，非常實用啊，現(xiàn)在右下角廣告還是比較多的，而且廣告效果也還可以，除了用作廣告，我們還可將右下角定義為網(wǎng)站廣告顯示、用戶提醒等功能。

很多朋友喜歡帶有最小化功能的代碼。

<!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> <title>可最小化和關閉的右下角浮動窗口</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> #msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px solid #c00;background:#F9EFFC;width:240px;font-size:12px;margin:0px;} #msg_win .icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;} .icos a{float:left;color:#FFFFFF;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;} .icos a:hover{color:#FFCC00;} #msg_title{background:#AC19E3;border-bottom:1px solid #710B97;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight:bold;} #msg_content{margin:5px;margin-right:0;width:230px;height:126px;overflow:hidden;} </style> </head> <body> <div style="height:2000px;"></div> <div   class="vvxyksv9kd"   id="msg_win" style="display:block;top:503px;visibility:visible;opacity:1;"> <div   id="vvxyksv9kd"   class="icos"><a id="msg_min" title="最小化" href="javascript:void 0">_</a><a id="msg_close" title="關閉" href="javascript:void 0">×</a></div> <div   class="vvxyksv9kd"   id="msg_title">浮動窗口標題：</div> <div   class="vvxyksv9kd"   id="msg_content">浮動窗口內(nèi)容：歡迎提出寶貴意見，謝謝！</div> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: