Скрипт дрожащего изображения
Предлагаем Вашему вниманию JavaScript код, заставляющий изображение дрожать при наведении на него курсора мышки.
Другими словами изображение дрожит (трясется) только тогда, когда над ним находится курсор мышки. Если курсор мышки отвести в сторону, то изображение перестанет дрожать (трястись).
Для того чтобы наглядно увидеть работу скрипта, наведите курсор мышки на изображение, расположенное ниже:
Пока курсор мышки находится над изображением, изображение дрожит (трясется). Как только курсор мышки отводится в сторону, изображение перестает дрожать.
Чтобы получить эффект дрожащего изображения как в приведенном примере, поместите JavaScript код, приведенный ниже, в начало Вашей странички:
<script type="text/javascript">
var range = 2;
var stop_it = 0;
var a = 1;
function init(given){
stop_it = 0;
given.style.left = 0;
given.style.top = 0;
shak_img = given;
shaking_image();
}
function shaking_image(){
var shak_top;
var shak_left;
if (stop_it==1) return;
if (a==1) shak_top = range;
else if (a==2) shak_left = range;
else if (a==3) shak_top = -range;
else shak_left = -range;
shak_img.style.top = parseInt(shak_img.style.top) + shak_top + "px";
shak_img.style.left = parseInt(shak_img.style.left) + shak_left + "px";
if (a<4) a++
else a = 1;
setTimeout("shaking_image()", 40);
}
function stop_shaking(given){
stop_it = 1;
given.style.left = 0;
given.style.top = 0;
}
</script>
Картинки, которые будут трястись при наведении на них курсора мышки, необходимо описывать следующим образом:
<img src="image/img_1.png" style="position: relative;"
onMouseover="init(this)" onMouseout="stop_shaking(this)">
В результате у Вас должен получиться точно такой же эффект трясущегося (дрожащего) изображения как и в примере выше.
https://remochka.ru конфорки для электроплиты hansa ханса.
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.