Diyelim ki bir kayan yazı içinde veya durağan bir şekilde yazılarınız var ve bunların üzerinde tıklayınca sağ tarafta başka bir alanda bu içerikle alakalı yazı çıksın istiyorsunuz.
Bunun için jquery kullanmanıza gerek yok.
işte size basit bir kod:
<body onLoad="tetikle(1)">
<table width="400" border="1">
<tr>
<td width="200"><marquee width="200" height="200" scrollamount="1" direction="up" onmouseover="stop()" onmouseout="start()">
<a href="javascript:tetikle(1);">Başlık 1 veya resim</a><br />
<a href="javascript:tetikle(2);">Başlık 2 veya resim</a><br />
<a href="javascript:tetikle(3);">Başlık 3 veya resim</a><br />
<a href="javascript:tetikle(4);">Başlık 4 veya resim</a><br />
<a href="javascript:tetikle(5);">Başlık 5 veya resim</a><br />
<a href="javascript:tetikle(6);">Başlık 6 veya resim</a><br />
<a href="javascript:tetikle(7);">Başlık 7 veya resim</a><br />
<a href="javascript:tetikle(8);">Başlık 8 veya resim</a><br />
</marquee></td>
<td>
<div id="goster1"> <a href="#">Bu alana resim, link </a> veya yazı koyabilirsin. 1</div>
<div id="goster2"> Bu alana resim veya yazı koyabilirsin. 2</div>
<div id="goster3"> Bu alana resim veya yazı koyabilirsin. 3</div>
<div id="goster4"> Bu alana resim veya yazı koyabilirsin. 4</div>
<div id="goster5"> Bu alana resim veya yazı koyabilirsin. 5</div>
<div id="goster6"> Bu alana resim veya yazı koyabilirsin. 6</div>
<div id="goster7"> Bu alana resim veya yazı koyabilirsin. 7</div>
<div id="goster8"> Bu alana resim veya yazı koyabilirsin. 8</div>
</td>
</tr>
</table>
<script >
function tetikle(gelen){
for(i=1;i<=8;i++){
document.getElementById("goster"+i).style.display="none";
}
document.getElementById("goster"+gelen).style.display="block";
}
</script>
Örnek kullanım için: ozturkce.com/abm/kayanHaber
Hiç yorum yok:
Yorum Gönder