'ArcturuS.awardspace.com' by İsmail KOCATÜRK

Toplam
Ziyaretçi
Sayısı:
12041

Javascript

Aşağıdaki kod ile; bir linkin üzerine gelince rengi değişen bir menü oluşturulmaktadır.

<html>

<!-- Kodlayan: Ismail Kocaturk, arcturus.awardspace.com -->

<head>

<title>ArcturuS.awardspace.com - Javascript, Rengi degisen menu...</title>

<style type="text/css">

td.tip1

{

background:blue;

color:white;

}

a

{text-decoration:none; color:white;}

a:hover

{text-decoration:none; color:black;}

</style>

<script type="text/javascript">

function renkmod1(no)

{

document.getElementById(no).style.background="cyan";

document.getElementById(no).style.color="black";

}

function renkmod2(no)

{

document.getElementById(no).style.background="blue";

document.getElementById(no).style.color="white";

}

</script>

</head>

<body bgcolor=indigo>

<h1 style="color:white;">Rengi Degisen Menu - ArcturuS</h1>

<table cellpadding=3 cellspacing=4>

<tr><td id=komut1 class=tip1 onmouseover="renkmod1(this.id)" onmouseout="renkmod2(this.id)"><a href=sayfa1.php><b>komut1</b></a></td></tr>

<tr><td id=komut2 class=tip1 onmouseover="renkmod1(this.id)" onmouseout="renkmod2(this.id)"><a href=sayfa2.php><b>komut2</b></a></td></tr>

<tr><td id=komut3 class=tip1 onmouseover="renkmod1(this.id)" onmouseout="renkmod2(this.id)"><a href=sayfa3.php><b>komut3</b></a></td></tr>

<tr><td id=komut4 class=tip1 onmouseover="renkmod1(this.id)" onmouseout="renkmod2(this.id)"><a href=sayfa4.php><b>komut4</b></a></td></tr>

<tr><td id=komut5 class=tip1 onmouseover="renkmod1(this.id)" onmouseout="renkmod2(this.id)"><a href=sayfa5.php><b>komut5</b></a></td></tr>

</table><br>

</body>

</html>

Sonuç aşağıdaki gibidir: