вообще Обычно присваивают элементу position relative/absolute и изменяют left и top
|
$(window).load(function(){
$('div a').hover(
function () {
$(this).stop().animate({
'margin-left': '50px',
'margin-top': '20px'
}, 300);
},
function () {
$(this).stop().animate({
'margin-left': '0px',
'margin-top': '0px'
}, 300);
}
);
});
Вправо движется, а вниз нет... =( и это ведь по идеи должно получатся как то по диагонали движение? |
если оставить только 'margin-top': '20px' то картинка не движется вниз...
|
ну помогите...
покажите кусок кода который бы двигал картинку вниз или по диагонали |
и так же вопрос как указать элемент для перемещения, в случае указанном выше прописано $('div a') я так понимаю это указывается что в блоке div будет двигаться элемент в теге <a></a>, а как указать на пример чтобы использовался определенный блок по его id? На пример пишем <div id="1">картинка<div> и чтобы именно этот блок работал со скриптом
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div>
<a href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 0'>aaa</a>
</div>
<script>
$(window).load(function(){
$('div a').hover(
function () {
$(this).stop().animate({
'left': '50px',
'top': '20px'
}, 300);
},
function () {
$(this).stop().animate({
'left': '0px',
'top': '0px'
}, 300);
}
);
});
</script>
Не знаю что тут может не работать. |
спасибо за ответ)
моя ошибка была в том что картинке не была прописана "position" а не подскажите еще как мне использовать данный скрипт для определенной картинки? просто сейчас используется ко всем тегам a в div я хотел прописывать картинке свой id и указывать его в скрипте, как это сделать? |
люди добрые и не очень =)
помогите пожалуйста, как изменить вот эту строчку $('div a').hover( так, чтобы указать div по его id $('div id="1"').hover( как то так? |
$("#id1").hover
|
Вот так?
<script>
$(window).load(function(){
$("#id1").hover(
function (this) {
$(this).stop().animate({
'left': '465px',
'top': '422px'
}, 800);
},
function () {
$(this).stop().animate({
'left': '465px',
'top': '422px'
}, 800);
}
);
});
</script>
</div>
<div id="1"> <a href="#" id="image1" style="position:absolute; overflow:hidden; left:465px; top:922px; width:180px; height:255px; z-index:0"><img src="images/1.png" alt="" border=0 width=180 height=255></a></div>
Почему то не работает... что не так? |
| Часовой пояс GMT +3, время: 09:23. |