Помогите со скриптом неумелому! Смена цвета рамки у изображения
Нужно сделать так, чтобы при ударе о край страницы у фото менялся цвет рамки
вот сам скрипт: <div id="img" style="position:absolute;"> <img src='Madison-Parker-wallpaper-1366x768.jpg' height="223" width="322" border="12" onMouseDown="pauseResume();"> </div> <SCRIPT LANGUAGE="JavaScript"> var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = false; var interval; var name = navigator.appName; var xPos = 20; if(name) var yPos = document.body.clientHeight; else var yPos = window.innerHeight; function changePos() { if(name) { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; } else { height = window.innerHeight; width = window.innerWidth; Hoffset = document.img.clip.height; Woffset = document.img.clip.width; document.img.pageY = yPos + window.pageYOffset; document.img.pageX = xPos + window.pageXOffset; } if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { if(name) img.visibility = "visible"; else document.img.visibility = "visible"; interval = setInterval('changePos()',delay); } function pauseResume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true; } } start(); </script> |
после строки
if (xPos < 0) { добавьте, например, строку img.children[0].style.borderColor = 'red'; |
Спасибо огромное!! Все получилось!!
|
Часовой пояс GMT +3, время: 17:44. |