Скрипт

[-O-J-A-]

Всем доброго дня\вечера!

Вот есть такой код жикверный, но у меня есть сомнения что он не совсем правильно работает (смысл в том что скрипт ищет нужные классы, если есть то показует нужную вещ), секций с продуктами должно быть большое количество и думаю нагрузка будет огромная.

Если что не так я сделал, то покажите, буду очень благодарен.

<style type="text/css">
.info{
width:200px;
position:absolute;
color:#999999;
font-size:14px;
font-family:Georgia,serif;
background-color:#000000;
background:url(pods.png);
border:1px solid #cccccc;
padding:4px;
}
</style>

<script type="text/javascript">
$(document).ready(function(){

//Хлеб
$(".baton").attr({ src:"baton.png"}); 
$(".baton").mouseover(function(e){$(document.body).append('<div id="prev" class="info"><img src="baton.png" align="left">батон</div>');});
$(".baton").mousemove(function(e){$("#prev").css({top:e.pageY+15,left:e.pageX+15});});
$(".baton").mouseout(function(){document.body.removeChild(document.getElementById("prev"));});

//Колбаса
$(".kolbasa").attr({ src:"kolbasa.png"}); 
$(".kolbasa").mouseover(function(e){$(document.body).append('<div id="prev" class="info"><img src="kolbasa.png" align="left">колбаса</div>');});
$(".kolbasa").mousemove(function(e){$("#prev").css({top:e.pageY+15,left:e.pageX+15});});
$(".kolbasa").mouseout(function(){document.body.removeChild(document.getElementById("prev"));});

});
</script>


<img class="baton">
<img class="kolbasa">

[Great Rash]

each();

[-O-J-A-]

спасибо, буду копать

[psywalker]

спасибо, буду копать

Копай - не копай, а топы в след.раз обзывай конкретнее.