1
我創建了一個4 div的容器。我需要在懸停div更改大小和覆蓋其他divs。Divs調整大小和覆蓋jquery
這裏演示http://jsbin.com/ecuzof/113/edit
問題:我想底部的div從底部而不是頂部從上到下就像現在成長。
可能嗎? 感謝 G.
我創建了一個4 div的容器。我需要在懸停div更改大小和覆蓋其他divs。Divs調整大小和覆蓋jquery
這裏演示http://jsbin.com/ecuzof/113/edit
問題:我想底部的div從底部而不是頂部從上到下就像現在成長。
可能嗎? 感謝 G.
您可以設置bottom
到0
,然後div的從底部動畫,同比增長。另外,請注意我已經創建了兩個事件 - 一個用於頂部div,另一個用於底部集合。
$(".riga .hoverific").hover(function() {
$(this).stop().animate({
width: "70%",
height: "70%",
backgroundColor: "lightBlue"
}).css({'z-index':'3'});
}, function() {
$(this).stop().animate({
width: "50%",
height: "50%",
backgroundColor: "silver"
}).css({'z-index':'1'});
});
$(".riga2 .hoverific").hover(function() {
$(this).stop().animate({
width: "70%",
height: "70%",
bottom: "0%",
backgroundColor: "lightBlue"
}).css({'z-index':'3'});
}, function() {
$(this).stop().animate({
width: "50%",
height: "50%",
backgroundColor: "silver"
}).css({'z-index':'1'});
});
謝謝,很好!我在css中添加了底部:0,這樣我有一個事件。 – user2316417 2013-04-25 12:07:56
@ user2316417卓越的思維 – 2013-04-25 12:32:37