<html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head> <body> <div><a onmouseover="over('')" onmousemove="move()" onmouseout="out()"><img style="position: absolute;left:380;top:180" src="krown.png" alt=""></a></div> <img src="led.jpg"> </body> </html> Выходит вот такая картина при наведении на корону: Как сделать, чтобы другой иконке, помимо короны, соответствовала новая картинка??? Надеюсь вы мне поможете) В html разбираюсь плохо...