Форум

segajb · #1 (**permalink**) 22.09.2014, 12:01

Как сделать чтобы при наведении на блок менялся класс, причем не просто менялся а постоянно менялся туда-сюда пока наведение не уберется
Скиньте хотя бы куда копать, пробовал .hover но он только 1 раз работает когда навели
Спасибо!

krasovsky · #2 (**permalink**) 22.09.2014, 13:47

почитай про события мыши - кроме hover есть mouseenter, mouseover и тд и тп.
А так же setInterval.

ksa · #3 (**permalink**) 22.09.2014, 14:52

Сообщение от segajb

Скиньте хотя бы куда копать

При mouseover запускать setInterval с изменениями класса... На mouseout тот интервал прибивать.

ksa · #4 (**permalink**) 22.09.2014, 15:08

Что-то типа такого...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.one {
	background-color: red;
}
.two {
	background-color: yellow;
}
</style>
<script type='text/javascript'>
$(function (){
	(function (){
		var ind;
		$('p').mouseover(function (){
			ind=setInterval((function (Obj){
				return function (){
					Obj.className=(Obj.className=='one')? 'two': 'one';
				};
			})(this),100);
		});
		$('p').mouseout(function (){
			clearInterval(ind);
			this.className='';
		});
	})();
});
</script>
</head>
<body>
<p>Test</p>
</body>
</html>
</html>

krasovsky · #5 (**permalink**) 23.09.2014, 08:48

Сообщение от ksa

Что-то типа такого...

Ну вот не дал человеку подумать самостоятельно. Ты может быть, его карьеру сломал программиста, или великого ученого в нем убил, погасил в нем стремление к саморазвитию.....

ksa · #6 (**permalink**) 23.09.2014, 08:58

segajb · #7 (**permalink**) 25.09.2014, 08:18

Спасибо огромное, боюсь что я бы долго шел к этому решению)

Форум

Справочник

Discord чат

Курсы javascript