<html> <head> <title> 1 </title> <script type="text/javascript"> function over(id,type) { par = document.getElementById("div_" + id); image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; if(type == 1) {image.src ="medveden1.jpg";} if(type == 2) {image.src ="medveden2.jpg";} image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; move(); } 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 id="div_1"><a onmouseover="over(1,1)" onmousemove="move()" onmouseout="out()"><img style="position: absolute;left:380;top:180" src="krown.png" alt=""></a></div> <div id="div_2"><a onmouseover="over(2,2)" onmousemove="move()" onmouseout="out()"><img style="position: absolute;left:480;top:280" src="krown.png" alt=""></a></div> <img src="led.jpg"> </body> </html> При наведении на корону будет выполнятся "over(1,1)" то есть первая цифра 1 отвечает за то в каком диве будет появлятся картинка, а вторая цифра 1 за номер появляющейся картинки. В скрипте идёт проверка на картинку и в зависимости ставится картинка какую вы укажете... при over(1,1) вылезет medveden1.jpg в div где id = div_1 при over(2,2) вылезет medveden2.jpg в div где id = div_2 Тоесть сейчас тут будет две короны каждая из которых показывает разные картинки...