смена классов при наведении (постоянно)
Как сделать чтобы при наведении на блок менялся класс, причем не просто менялся а постоянно менялся туда-сюда пока наведение не уберется
Скиньте хотя бы куда копать, пробовал .hover но он только 1 раз работает когда навели Спасибо! |
почитай про события мыши - кроме hover есть mouseenter, mouseover и тд и тп.
А так же setInterval. |
Цитата:
|
Что-то типа такого...
<!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>
|
Цитата:
|
:blink:
|
Спасибо огромное, боюсь что я бы долго шел к этому решению)
|
| Часовой пояс GMT +3, время: 08:45. |