Новые сообщения на форуме · Пользователи · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
При наведении курсора на картинку она начинает трястись
ElectromasterДата: Пятница, 19.02.2010, 14:59 | Сообщение # 1
Сообщений: 270
Статус: Offline
При наведении мышки на картинку или текст,картинка-текст «шевелится», можно применить это к аватару)) пример

Установка:

1) Ставим этот код в Страницы сайта между <head>...</head> или по человечески идем в админку и вставляем в стили сайта следующее

Code
<style> .myimage{ position:relative } </style>

2)Если хотите,чтоб шевелилась картинка ставите этот код и в коде поменяйте "ССЫЛКА НА ВАШУ КАРТИНКУ" на ссылку на картинку,которая будет шевелиться

Code
<script language="JavaScript1.2">       
var rector=2       
var stopit=0        
var a=1       
function init(which){       
stopit=0//osw        
shake=which       
shake.style.left=2       
shake.style.top=2       
}       

function rattleimage(){       
if ((!document.all&&!document.getElementById)||stopit==1)       
return//
if (a==1){       
shake.style.top=parseInt(shake.style.top)+rector       
}       
else if (a==2){       
shake.style.left=parseInt(shake.style.left)+rector       
}       
else if (a==3){       
shake.style.top=parseInt(shake.style.top)-rector       
}       
else{       
shake.style.left=parseInt(shake.style.left)-rec tor       
}         
i f (a<4)       
a++       
else       
a=1       
setTimeout("rattleimage()",65)       
}       

function stoprattle(which){       
stopit=1       
which.style.left=0       
which.style.top=0       
}       
</script>       

<img src="ССЫЛКА НА ВАШУ КАРТИНКУ" class="myimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" border=0>

3) Если хотите,чтоб шевелился текст ставите этот код и в коде поменяйте "ТУТ ВАШ ТЕКСТ" на текст,который будет шевелиться

Code
<script language="JavaScript1.2">       
var rector=2       
var stopit=0        
var a=1       
function init(which){       
stopit=0//osw        
shake=which       
shake.style.left=2       
shake.style.top=2       
}       

function rattleimage(){       
if ((!document.all&&!document.getElementById)||stopit==1)       
return//
if (a==1){       
shake.style.top=parseInt(shake.style.top)+rector       
}       
else if (a==2){       
shake.style.left=parseInt(shake.style.left)+rector       
}       
else if (a==3){       
shake.style.top=parseInt(shake.style.top)-rector       
}       
else{       
shake.style.left=parseInt(shake.style.left)-rec tor       
}         
i f (a<4)       
a++       
else       
a=1       
setTimeout("rattleimage()",65)       
}       

function stoprattle(which){       
stopit=1       
which.style.left=0       
which.style.top=0       
}       
</script>       

<img src="" alt="ТУТ ВАШ ТЕКСТ" class="myimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" border=0>
 
ByMSeRДата: Понедельник, 07.01.2013, 01:43 | Сообщение # 2
Сообщений: 2
Статус: Offline
biggrin
 
  • Страница 1 из 1
  • 1
Поиск: