Jojoxx.net

 

 

AnvändareAnvändare
Besökare just nu: 80
SnabblänkarSnabblänkar
JavaScript-arkivet
Perl
FAQ
Sök på Jojoxx.netSök på Jojoxx.net



Meny med bildväxling 6

Exempel

Imageswap
Imageswap
Imageswap

Kod


<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

if (document.images) {
	button_1_on=new Image;
	button_1_on.src="images/circa.gif";
	button_1_off=new Image;
	button_1_off.src="images/circi.gif";

	button_2_on=new Image;
	button_2_on.src="images/circa.gif";
	button_2_off=new Image;
	button_2_off.src="images/circi.gif";

	button_3_on=new Image;
	button_3_on.src="images/circa.gif";
	button_3_off=new Image;
	button_3_off.src="images/circi.gif";

	var re;
}

function rollIn(imgName){
	if (document.images) document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName){
	if (document.images && re!=imgName) document[imgName].src=eval(imgName + "off.src");
}
function selectLink(imgName){
	if(re&&re!=imgName) document[re].src=eval(re + "off.src");
	re = imgName;
}
</script>

<a href="#" onClick="selectLink('button_1_');" onMouseover="rollIn('button_1_');" onMouseout="rollOut('button_1_');"><img src="images/circi.gif" border=0 name="button_1_" alt="Imageswap" width=30 height=30></a><br>
<a href="#" onClick="selectLink('button_2_');" onMouseover="rollIn('button_2_');" onMouseout="rollOut('button_2_');"><img src="images/circi.gif" border=0 name="button_2_" alt="Imageswap" width=30 height=30></a><br>
<a href="#" onClick="selectLink('button_3_');" onMouseover="rollIn('button_3_');" onMouseout="rollOut('button_3_');"><img src="images/circi.gif" border=0 name="button_3_" alt="Imageswap" width=30 height=30></a><br>

Kommentar

Scriptet är lämpligt att använda i en frames-lösning där du vill markera vilken av sidorna som är laddade. I övrigt fungerar scipret likadant som variant 1.

,