»
Tiếng AnhTiếng PhápTiếng Việt

In - Khung giới thiệu - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Khung giới thiệu
URL: https://www.javascriptbank.com/dhtml-ad-box.html

Khung giới thiệu © JavaScriptBank.comHiệu ứng tạo một đoạn giới thiệu cho website nằm trong một khung, khung này chỉ tự động biến mất sau khoảng thời gian ta đã được định sẵn. Nếu người dùng sử dụng thanh trượt để bỏ qua khung này, nó sẽ tự động trượt theo các thanh trượt để chắn tầm nhìn của người lướt web, 'bắt buộc' người dùng phải xem nó. Đây là một script khá hữu ích, được một số diễn đàn sử dụng.

Phiên bản đầy đủ: jsB@nk » Trình duyệt » Hiệu ứng trang » Khung giới thiệu
URL: https://www.javascriptbank.com/dhtml-ad-box.html



CSS
<style type="text/css"><!--#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">// DHTML Ad Box (By Matt Gabbert at http://www.nolag.com)adTime=10;  // seconds ad reminder is shownchanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)var ns=(document.layers);var ie=(document.all);var w3=(document.getElementById && !ie);var calunit=ns? "" : "px"adCount=0;function initAd(){if(!ns && !ie && !w3) return;if(ie)adDiv=eval('document.all.sponsorAdDiv.style');else if(ns)adDiv=eval('document.layers["sponsorAdDiv"]');else if(w3)adDiv=eval('document.getElementById("sponsorAdDiv").style');randAd=Math.ceil(Math.random()*chanceAd);        if (ie||w3)        adDiv.visibility="visible";        else        adDiv.visibility ="show";if(randAd==1) showAd();}function showAd(){if(adCount<adTime*10){adCount+=1;if (ie){documentWidth  =truebody().offsetWidth/2+truebody().scrollLeft-20;documentHeight =truebody().offsetHeight/2+truebody().scrollTop-20;}else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;documentHeight=window.innerHeight/2+window.pageYOffset-20;} else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;documentHeight=self.innerHeight/2+window.pageYOffset-20;} adDiv.left=documentWidth-200+calunit;adDiv.top =documentHeight-200+calunit;setTimeout("showAd()",100);}else closeAd();}function closeAd(){if (ie||w3)adDiv.display="none";elseadDiv.visibility ="hide";}function truebody(){return (document.compatMode!="BackCompat")? document.documentElement : document.body}onload=initAd;//End--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="sponsorAdDiv" style="visibility:hidden"><table width="450px" height="350px" bgcolor="#008000"><tr><td><table width="445px" height="345px" bgcolor="#000000" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0" bordercolorlight="#000080" bordercolordark="#000080"><tr><td align="center" valign="middle"><!--*****EDIT THIS MESSAGE*****--><p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">Ad content for a website</font></p><p style="line-height: 150%; margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">this popup will close by itself after a period time (this case is 10s)</font></p></td></tr></table></td></tr></table></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->