2013-02-10 280 views
0

好的,所以我有100%高度和100%寬度的div,並且我有按鈕集中到該div。現在當用戶點擊那個按鈕。我想要div靠近按鈕並隱藏。這是我的代碼。你也可以看到,在JS提琴當按鈕被點擊時,在按鈕附近隱藏div

http://jsfiddle.net/ZxB4Z/

$('button').click(function(){ 
$("div").animate({ 
    left:'24%', 
    top:'48%', 
    opacity:'0', 
    height:'0px', 
    width:'0px' 
},'slow');}); 
+0

你能解釋一下你的意思嗎?「我想讓div在按鈕附近崩潰並隱藏」? – zakangelle 2013-02-10 01:22:06

+0

你想讓它摺疊到按鈕的位置嗎?就像進入按鈕而不是左上角一樣? – Leeish 2013-02-10 01:22:34

+0

是@Leeish我希望它像按鈕一樣緩慢地降低其高度和寬度以及不透明度。 – 2013-02-10 01:23:54

回答

1

使用的保證金,而不是position屬性(上/左):

$('button').click(function(){ 
    $("div").animate({ 
     marginLeft:'24%', 
     marginTop:'48%', 
     opacity:'0', 
     height:'0px', 
     width:'0px' 
    },'slow'); 
}); 

或適用於你的div絕對位置:

div { position: absolute } 
+0

工作得很好:) – 2013-02-10 01:37:35

+0

@ user_2327順便說一句:我建議添加溢出:隱藏太... – yckart 2013-02-10 01:40:50

相關問題