我使用jQuery創建了一個動畫着陸頁。 jquery/css - 彈出動畫
在動畫中當鼠標懸停在圖像的一部分上(被切片)時,它會彈出。到目前爲止,只有將各部分的位置設置爲絕對,我才能夠做到這一點。如果它們不是絕對的,它們會在我放大並移出其中一個部分時移動。
有沒有辦法讓這個效果不需要絕對地位?
謝謝!
編輯:這是我使用
$(".block").mousemove(function() {
$(this).css("z-index", "1010");
$(this).stop().animate({
"width": "170px",
"height": "400px",
"top": "-12px",
"left": "-13px"
}, {
duration: 300,
easing: "swing",
queue: true
});
});
$(".block").mouseleave(function() {
$(this).stop().animate({
"width": "149px",
"height": "374px",
"top": "0px",
"left": "0px"
}, {
duration: 500,
easing: "swing",
queue: true,
complete: function() {
$(this).css("z-index", "1000");
}
});
});
你能否提供你想要實現的第二個模擬圖像?還有,到目前爲止比較的任何代碼? –
@Brian Scott - 我編輯了這篇文章並添加了我使用的代碼。 –