Отмена действия от hover
Есть код
<li style="background-image:url(http://newkrasinsky.ru/modules/mod_junewsultra/img/Li4vLi4vLi4vaS83YjQxZjA1NzVlYjEwYTEyNjYzNTMxMzYzMjI1MWYzNC5qcGcmYW1wO3c9MzIwJmFtcDtoPTAmYW1wO3E9MTAwJmFtcDt6Yz0w_junus.jpg); background-repeat:no-repeat"> <h2><span><a href="/svejie-ogurci.html">Свежие огурцы</a></span></h2> <div class="meta floatleft w"> <div class="author floatleft">06.03.2014</div><br> <div id="intro"> Огурец обладает ценными диетическими и лечебными свойствами. Замечательные вкусовые качества,...</div> </div> </li> При наведение ставлю например новую картинку (или просто убираю текущую фоновую картинку) вот таким кодом
jQuery("ul#seo li#1").hover( function() {
jQuery("ul#seo li#1").css('background-image','none');
}, function() {
jQuery("ul#seo li#1").xxx();
});
как сделать отмену операции по смену фона после того как мышь будет отведена? - т.е нужно чтобы вернуться старый фон который был прописан в html подскажите что заместо jQuery("ul#seo li#1").xxx(); написать? |
ufaclub,
:-?
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body><ul id="seo">
<li style="background-image:url(http://www.murmangid.ru/sites/default/files/news/2011-05/1306736673-9432.jpg); background-repeat:no-repeat">
<h2><span><a href="/svejie-ogurci.html">Свежие огурцы</a></span></h2>
<div class="meta floatleft w">
<div class="author floatleft">06.03.2014</div><br>
<div id="intro">
Огурец обладает ценными диетическими и лечебными свойствами. Замечательные вкусовые качества,...</div>
</div>
</li></ul>
<script>
jQuery("#seo li").hover( function() {
var image = jQuery(this).css('background-image');
jQuery(this).data({'background':image})
.css({'background-image':'none'});
}, function() {
var image = jQuery(this).data('background')
jQuery(this).css({'background-image':image});
});
</script>
</body>
</html>
|
Спасибо! ПОМОГ!
|
Пиздец вы лохи :D
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style>
#seo li:hover{
background-image: none !important;
}
</style>
</head>
<body><ul id="seo">
<li style="background-image:url(http://www.murmangid.ru/sites/default/files/news/2011-05/1306736673-9432.jpg); background-repeat:no-repeat">
<h2><span><a href="/svejie-ogurci.html">Свежие огурцы</a></span></h2>
<div class="meta floatleft w">
<div class="author floatleft">06.03.2014</div><br>
<div id="intro">
Огурец обладает ценными диетическими и лечебными свойствами. Замечательные вкусовые качества,...</div>
</div>
</li></ul>
</body>
</html>
|
danik.js,
ничё ты не понимаешь мы же тут для ие 7 стараемся :) |
Цитата:
А как можно сделать чтобы заместо 'none" в строке .css({'background-image':'none'}); было имя произвольно картинки из списка [bg1.jpg,bg2.jpg,bg3.jpg,bg4.jpg] при учете что картинки будут лежать в корне сайта. |
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
#seo li.onhover:hover{
background-image: none !important;
}
</style>
</head>
<body>
<ul id="seo">
<li class="onhover" style="background-image:url(http://newkrasinsky.ru/modules/mod_junewsultra/img/Li4vLi4vLi4vaS83YjQxZjA1NzVlYjEwYTEyNjYzNTMxMzYzMjI1MWYzNC5qcGcmYW1wO3c9MzIwJmFtcDtoPTAmYW1wO3E9MTAwJmFtcDt6Yz0w_junus.jpg); background-repeat:no-repeat">
<h2><span><a href="/svejie-ogurci.html">Свежие огурцы</a></span></h2>
<div class="meta floatleft w">
<div class="author floatleft">06.03.2014</div><br>
<div id="intro">
Огурец обладает ценными диетическими и лечебными свойствами. Замечательные вкусовые качества,...</div>
</div>
</li>
</li></ul>
<script>
$("#seo li.onhover").mouseleave(function(){
$(this).removeClass("onhover");
});
</script>
</body>
<html>
|
Цитата:
:hover был сломан только в IE6. |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 21:46. |