Смяна на картинка onMouseOver
Знам, че урока не е нов, но този начин е много кратък и лесен:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="bg">
<head>
<script type="text/javascript"><!--
function move_in(img_name,img_src) {
document[img_name].src=img_src;
}
function move_out(img_name,img_src) {
document[img_name].src=img_src;
} -->
</script>
</head>
<body>
<a onMouseOver="move_in('име','новата картинка')"
onMouseOut="move_out('име','картинката, която ще се покаже, когато мишката се махне')" href="">
<img src="самата картинка" border="0" name="име" /></a>
</body>
</html>

Имената на картинките при onMmouseOver, onMouseOut и img name трябва да са еднакви!
Демо тук!


/ Трябва да сте регистриран за да напишете коментар /
От: He3aBuCuM
19:45 30-10-2009
Е, това може да стане по-лесно със CSS. :)
1