Графическая кнопка

Вот пример простой графической кнопки:



Вот как её сделать:

//При наведении или нажатии на кнопку вызывать функции
//и передавать им в качестве параметра название кнопки
<a onMouseOver=ImgOn('ImageBut')
   onMouseOut=ImgOff('ImageBut')
   onMouseDown=ImgDown('ImageBut')
   onMouseUp=ImgOn('ImageBut')>

//Сама кнопка
<img src=2.gif width=100 height=30 name=ImageBut border=0>

</a>

<script language="JavaScript">
//Объявляем три новых объекта изображения
img_a=new Image();
img_b=new Image();
img_c=new Image();

//Присваиваем свойству src этих картинок имена файлов изображений,
//чтобы они начали автоматически загружаться. Это надо для того,
//чтобы не грузить их потом.
img_a.src="1.gif";
img_b.src="2.gif";
img_c.src="3.gif";

//Вот собственно функции для изменения изображения кнопки
function ImgOn(ImageName){document[ImageName].src=img_a.src}
function ImgOff(ImageName){document[ImageName].src=img_b.src}
function ImgDown(ImageName){document[ImageName].src=img_c.src}
</script>

Hosted by uCoz