Merhaba

"Fatma Abla : Çocukta yaparım bowlinge oynarım " cümlesinin olduğu yere istediğin resmi yada yazıyı atıyorsun,bowling.jpg in olduğu yere de gösterilecek resmin yolunu giriyorsun.

ÖRNEK : Buradaki hp ipaq resminin üzerine gelince büyüğü çıkıyor.

Umarım işine yarar.Yapamzsan söyle ben deneyim.

<script language="JavaScript">
<!--
// Browser tespiti
ns4 = document.layers;
ie4 = document.all;
nn6 = document.getElementById && !document.all;


function showObject(e) {

if (ns4) {
document.n1.visibility = "show";
}
else if (ie4) {
document.all['n1'].style.visibility = "visible";
}
else if (nn6) {
document.getElementById('n1').style.visibility = "visible";
}
}

function hideObject() {
if (ns4) {
document.n1.visibility = "hide";
}
else if (ie4) {
document.all['n1'].style.visibility = "hidden";
}
else if (nn6) {
document.getElementById('n1').style.visibility = "hidden";
}
}

function moveObject(e) {

if (ns4) {
document.n1.left = e.pageX;
document.n1.top = e.pageY;
}
else if (ie4) {
document.all['n1'].style.left = e.clientX;
document.all['n1'].style.top = e.clientY;
}
else if (nn6) {
document.getElementById('n1').style.left = e.clientX;
document.getElementById('n1').style.top = e.clientY;
}
}

//-->
</script>

<style type="text/css">
<!--
div#n1 {
background-color: #black;
border: thin solid #orange;
padding: 5px;
}
-->
</style>
</head>

<body>

<p align="center">
<a onmouseover="showObject(event);" onmouseout="hideObject();" onmousemove="moveObject(event);" href="https://www.r10.net/hazir-kod-bankasi/default.asp"><br><h4>Fatma abla: "Çocukta yaparım bowlingde oynarım"</h4></a></p>
</p>

<div id="n1" style="position:absolute; left:11 top:14; z-index:1; visibility:hidden; width:290; height:230" >
<p>
<img border="0" src="img/bowling.jpg" width="290" height="230"></p>
</div>