|
Сообщение от ufaclub
|
|
было имя произвольно картинки из списка
|
<!DOCTYPE HTML>
<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>
var img = ['http://img.dispute.az/uploads/monthly_12_2011/post-34377-0-95841900-1324287165_thumb.jpg',
'http://yahooeu.ru/uploads/posts/2010-11/1288691462_rabstol_ru_4925.jpg',
'http://ic.pics.livejournal.com/grumblerr/15370162/65890/65890_original.jpg'];
jQuery("#seo li").hover( function() {
var image = jQuery(this).css('background-image'),
i = Math.floor(Math.random() * img.length);
jQuery("#seo li").data({'background':image})
jQuery("#seo li").css({'background-image':'url('+img[i]+')'});
}, function() {
var image = jQuery(this).data('background')
jQuery(this).css({'background-image':image});
});
</script>
</body>
</html>
