คงจะเคยเห็นตามเว็บต่างๆที่เมื่อคลิกเข้าไปจะมี Popup โฆษณาขึ้นมา บทความนี้จะมาแนะนำเทคนิคการทำครับ โดยที่มีข้อดีกว่า
คือสามารถกำหนดเวลาในการแสดงป้ายโฆษณแบบ Popup ได้ด้วย ลองไปดูตัวอย่างได้ ที่นี่ ครับ
1.นำโค้ดส่วนนี้ไปใส่ไว้ใน <head>....</head> ครับ
<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
-->
</style><script type="text/javascript">
/******************************************
* DHTML Ad Box (By Matt Gabbert at http://www.nolag.com)
* Visit http://www.dynamicdrive.com/ for full script
* This notice must stay intact for use
******************************************/
adTime=10; // seconds ad reminder is shown
chanceAd=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";
else
adDiv.visibility ="hide";
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
onload=initAd;
//End-->
</script> |
2.นำโค้ดส่วนนี้ไปใส่ไว้ใน <body>....</body> ครับ
<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450px" height="350px" bgcolor="#008000"><tr><td>
<table width="445px" height="345px" bgcolor="#F0FFF0"><tr><td align="center" valign="middle"><!--*****ใส่ข้อความ,ภาพ,ลิงค์ต่างๆที่นี่ครับ*****-->
<A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-btn-100x70.gif&site=amazon">
<IMG SRC="http://www.associmg.com/assoc/us/home-btn-100x70.gif?tag-id=wa0c"></A><p><b>Please take time to show your support<br>
for this site by visiting one<br>
of our sponsors during this<br> brief intermission.</b>
</p>
<p><A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-logo-130x60b.gif&site=amazon">
<IMG SRC="http://www.associmg.com/assoc/us/home-logo-130x60b.gif?tag-id=wa0c"></A></p>
<p>(This announcement will close shortly)
<br>
<!--*****ใส่ข้อความ,ภาพ,ลิงค์ต่างๆที่นี่ครับ*****-->
</td></tr></table></td></tr></table>
</div>
http://smf.zz.mu/index.php?topic=70.0 |
|
0 ความคิดเห็น:
แสดงความคิดเห็น