örnek site:
http://www.tarihportali.net/tarih/10_sinif_tarih_dersi_1_yazili_sorulari_klasika_ve_b_grubu_26_soru-t7125.0.htmlKOD:
KOD:
<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function closebar(){
if (persistclose)
document·cookie="remainclosed=1"
document.getElementById("QNM").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("QNM").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x-+"px";this.style.top=y-100+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("QNM");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<form id="QNM" style=" visibility: visible; left: -350px; width: 400px; top: 20%; height: 400px;" align="center" onmouseout="document.getElementById('QNM').style.left='-350px'" onmouseover="document.getElementById('QNM').style.left='0px'">
<table style="padding-left: 0px;" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td>
<table width="300" border="0" cellspacing="0" cellpadding="0"> <tr><td><img height="91" alt="" width="118"
src="https://i.servimg.com/u/f78/12/88/81/02/5508nq10.gif" /></td> <td><img height="91" alt=""
width="118" src="https://i.servimg.com/u/f78/12/88/81/02/2158fk10.jpg" /></a></td><td><img
height="91" alt="" width="118" src="https://i.servimg.com/u/f78/12/88/81/02/11329110.gif"
/></a></td></table>
<table width="100%" cellpadding="0" cellspacing="1" border="0" class="bordercolor"><tr cellspacing="1" class="catbg"><font color="White"></font> </th></tr></table><table width="100%" height="81" cellpadding="0" cellspacing="1" border="0" class="bordercolor"><tr align="center" valign="middle" class="windowbg"><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 1"><img src="https://i.servimg.com/u/f78/12/88/81/02/parche10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 2"><img src="https://i.servimg.com/u/f78/12/88/81/02/annonc10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center"><a href="LİNK 3"><img src="https://i.servimg.com/u/f78/12/88/81/02/magic10.png" width="65" height="65" border="0" /></a></div></th><th width="10%" height="65" scope="col"><div align="center">
<div align="center"><a href="LİNK 4"><img src="https://i.servimg.com/u/f78/12/88/81/02/questi10.png" width="65" height="65" border="0" /></a></div><tr align="center" valign="middle" class="windowbg2"><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 1"><font color="#99ffcc">Forum kuralları</font></a></div></th><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 2"><font color="#99ffcc">Site duyuruları</font></a></div></th><th width="10%" scope="col"><div align="center" class="style2">
<div align="center"><a href="LİNK 3"><font color="#99ffcc">Düşünce ve istekler</font></a></div></div></th><th width="10%" scope="col"><div align="center" class="style2"><a href="LİNK 4"><font color="#99ffcc">Anketler</font></a></div></th></tr></table></br></div><table width="300" border="0" cellspacing="0" cellpadding="0"> <tr><td><img height="91" alt="" width="118"
src="https://i.servimg.com/u/f78/12/88/81/02/5508nq10.gif" /></td> <td><img height="91" alt=""
width="118" src="https://i.servimg.com/u/f78/12/88/81/02/2158fk10.jpg" /></a></td><td><img
height="91" alt="" width="118" src="https://i.servimg.com/u/f78/12/88/81/02/11329110.gif"
/></a></td></table>
<td>
<table style="padding-left: 0px;" cellpadding="0" cellspacing="0" width="100%">
<td align="right"><img src="https://i.servimg.com/u/f68/12/88/81/02/12315511.jpg" border="0" width="50" height="395"></td>
</table>
</td>
</table>
</form>
<style type="text/css">
#QNM{
position: absolute;
background: #E6E6FA;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
visibility: hidden;
z-index: 100;
}
</style></p>