Layer für Ankündigungen? Aber wie

<style type="text/css">
<!--
#sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript1.2">


/*
DHTML Ad Box (By Matt Gabbert- tax@nolag.com, http://www.nolag.com)
*/


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);
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  =document.body.offsetWidth/2+document.body.scrollLeft-20;
    documentHeight =document.body.offsetHeight/2+document.body.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;adDiv.top =documentHeight-200;
    setTimeout("showAd()",100);}else closeAd();
}
function closeAd(){
if (ie||w3)
adDiv.display="none";
else
adDiv.visibility ="hide";
}
onload=initAd;
//End-->
</script>


<div id="sponsorAdDiv" style="visibility:hidden">
<table width="450" height="350" bgcolor="#008000"><tr><td>
<table width="445" height="345" bgcolor="#F0FFF0"><tr><td align="center" valign="middle">


<!--*****EDIT THIS MESSAGE*****-->


<a href="http://www.hochflaechendesign.de/winterangebot-dachgeschossausbau/" target=""><img border="0" src="http://www.hochflaechendesign.de/wp-content/uploads/winterangebot.png" width="500" height="550"></a><br><br><br>
Dieses Fenster schliesst sich in ein paar Sekunden!


<!--*****EDIT THE ABOVE MESSAGE*****-->
</td></tr></table></td></tr></table>
</div>

<script language="JavaScript1.2">
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all


//drag drop function for NS 4////
/////////////////////////////////


var dragswitch=0
var nsx
var nsy
var nstemp


function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}


function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}


function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}


//drag drop function for ie4+ and NS6////
/////////////////////////////////




function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}


function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage


var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"


while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}


if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY


tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)


dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")


////drag drop functions end here//////


function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}


</script>


<div id="showimage" style="position:absolute;width:250px;left:10;top:10">


<table border="0" width="100" bgcolor="#CCCCCC" cellspacing="0" cellpadding="2">
 <tr>
   <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
   height="36">
     <tr>
       <td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
       color="#FFFFFF"><strong><small>Anzeige</small></strong></font></layer></ilayer></td>
       <td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td>
     </tr>
     <tr>
       <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">


<!-- Inhalt ---->


<img class="alignnone size-full wp-image-389" title="winterangebot" src="http://www.hochflaechendesign.de/wp-content/uploads/winterangebot.png" alt="" width="600" height="600">


<!-- Inhalt ---->


</td>
     </tr>
   </table>
   </td>
 </tr>
</table>
</div>