При наведении на ссылку рисунок возле неё изменяется на другой. Можно сделать 1ый рисунок как обычный квадратик под цвет фона, а второй в виде анимированной стрелки – получится неплохо.
<SCRIPT LANGUAGE=”JavaScript”>
<!– Original: (mrenner@rst.de) –>
<!– Begin
function imgover(imgname){
imgname.src = “arrow.gif”
}
function imgout(imgname){
imgname.src = “blank.gif”
}
// End –>
</SCRIPT>
<center>
<table border=0>
<tr><td>
<img name=”pic1″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://altavista.digital.com” onMouseOver=”imgover(pic1)” onMouseOut=”imgout(pic1)”>Altavista</A>
<br>
<img name=”pic2″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.excite.com” onMouseOver=”imgover(pic2)” onMouseOut=”imgout(pic2)”>Excite</A>
<br>
<img name=”pic3″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.hotbot.com” onMouseOver=”imgover(pic3)” onMouseOut=”imgout(pic3)”>Hotbot</A>
<br>
<img name=”pic4″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.infoseek.com” onMouseOver=”imgover(pic4)” onMouseOut=”imgout(pic4)”>Infoseek</A>
<br>
<img name=”pic5″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.lycos.com” onMouseOver=”imgover(pic5)” onMouseOut=”imgout(pic5)”>Lycos</A>
<br>
<img name=”pic6″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.magellan.com” onMouseOver=”imgover(pic6)” onMouseOut=”imgout(pic6)”>Magellan</A>
<br>
<img name=”pic7″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.webcrawler.com” onMouseOver=”imgover(pic7)” onMouseOut=”imgout(pic7)”>Webcrawler</A>
<br>
<img name=”pic8″ SRC=”blank.gif” width=10 height=10 border=0>
<A HREF=”http://www.yahoo.com” onMouseOver=”imgover(pic8)” onMouseOut=”imgout(pic8)”>Yahoo!</A>
</td></tr></table>
</center>
Похожие записи
Нет комментариев