Вот это будет как выглядеть Установка:
В <HEAD> и </HEAD>
Code
<SCRIPT LANGUAGE="JavaScript"><!--
// preload images:
if (document.images) {
bulb_off = new Image(129,127); bulb_off.src = "http://gamecreate.my1.ru/bulb_off.gif";
bulb__on = new Image(129,127); bulb__on.src = "http://gamecreate.my1.ru/bulb_on.gif";
switch_off = new Image(26,49); switch_off.src="http://gamecreate.my1.ru/switch_off.gif";
switch__on = new Image(26,49); switch__on.src="http://gamecreate.my1.ru/switch_on.gif";
}
function hiLiteBoth(imgName1,imgObjName1,imgName2,imgObjName2) {
if (document.images) {
document.images[imgName1].src = eval(imgObjName1 + ".src");
document.images[imgName2].src = eval(imgObjName2 + ".src");
}}
function doostavam() {
// nicho net
}
//--></SCRIPT>
В <BODY> и </BODY>
Code
<A HREF="javascript:doostavam()"><IMG SRC="http://gamecreate.my1.ru/switch_off.gif"
NAME="switch" WIDTH="26" HEIGHT="49" BORDER="0" ALT=""
USEMAP="#switch" align=absmiddle HSPACE=60></A>
<IMG SRC="http://gamecreate.my1.ru/bulb_off.gif" NAME="bulb" WIDTH="129" HEIGHT="127"
BORDER="0" ALT="" align=absmiddle HSPACE=60>
<MAP NAME="switch">
<AREA SHAPE=RECT COORDS="5,5,20,23" HREF=
"javascript:hiLiteBoth('switch','switch__on','bulb','bulb__on')"
onClick="hiLiteBoth('switch','switch__on','bulb','bulb__on');
return false">
<AREA SHAPE=RECT COORDS="5,25,20,43" HREF=
"javascript:hiLiteBoth('switch','switch_off','bulb','bulb_off')"
onClick="hiLiteBoth('switch','switch_off','bulb','bulb_off');
return false">
</MAP>
Всё можно использовать, например, для скачивания файла. Типа включается лампа - появляется ссылка