首頁全畫面廣告 10秒後關閉
今天弄了個 "全國哀悼日" 的88水災 全畫面顯示的廣告
主要注意的部份有
1.廣告顯示時,週圍網頁變淡
2.廣告10秒後自動關閉,或人工手按
3.相容於IE、FF
4.FLASH部份不透明錯誤
下面程式碼的部份,順便判斷該廣告於某個日期開始
<?
$sday=date("Ymd");
if($sday>"20090821"){
?>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<div id="Div_obj" align="center" style="Z-INDEX: 2; LEFT: 30%; VISIBILITY: visible; WIDTH: 300px; CURSOR: hand; POSITION: absolute; TOP: 25%; HEIGHT: 150px ;background-color:#FFFFFF;">
<a href="javascript:F_close()" class="style1">按此關閉</a><br/>
<img src="images/0821.gif" border="0">
</div>
<DIV id="Div_obj2" align="center" style="Z-INDEX: 1; LEFT: 0%; VISIBILITY: visible; WIDTH: 100%; CURSOR: hand; POSITION: absolute; TOP: 0%; HEIGHT: 100% ;background-color:#999999; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;">
/* filter:alpha(opacity=50); Internet Explorer */
/* -moz-opacity:0.5; Mozilla 1.6 and below */
/* opacity: 0.5; newer Mozilla and CSS-3 */
</DIV>
<script>
window.setTimeout("F_close();", 10000);
function F_close(){
document.getElementById("Div_obj").style.display="none";
document.getElementById("Div_obj2").style.display="none";
}
</script>
<? } ?>
另外如果您遇到遮蓋網頁,而FLASH遮蓋不了的情況
將下列參數加到 OBJECT 標籤中:
<param name="wmode" value="transparent">
將下列參數加到 EMBED 標籤中:
wmode="transparent"








最新迴響