.animate() - все просто но все такие не работает..

[uExpo]

Есть элемент

<div class="uMenuItem">
<a href="/" class="uMenuItemA">
<span>Главная страница</span>
</a>
</div>

Есть скрипт

<script> 
$(".uMenuItem").hover(function(){
 $(this).animate({paddingLeft:'13px'}, 100);
})
</script>

Пример: http://userver.ucoz.ru/

И он не работает...

[kobezzza]

Оберните в событие DOM Content Loaded

<script type="text/javascript"> 
$(function () {
    $(".uMenuItem").hover(function () {
        $(this).animate({paddingLeft:'13px'}, 100);
    });
});
</script>

[uExpo]

Спасибо

[kobezzza]

А что вообще дает?

Событие срабатывает после того, как загрузится скелет DOM. До этого у вас не работало, т.к. элемент .uMenuItem ещё не успел загрузится и следовательно событие не повесилось.

Обязательно везде прописывать? Без него не обойтись?

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

Пишут же скрипты без этого

Скрипты бывают разные)

[uExpo]

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

Спасибо за информацию, а это как понять?

[kobezzza]

<div id="my"></div>
<script type="text/javascript">
    document.getElementById("my"); // данный элемент уже был создан
</script>