簡單的jquery聊天框

Question

我怎樣才能創建一個簡單的彈出聊天框，使用jquery粘貼到頁面的右下角？就像Facebook或谷歌。我希望動畫淡出而不是幻燈片。我只需要它彈出，沒有別的。

.chat{ 
width:200px; 
height:300px; 
background:#000; 
position:fixed; 
bottom:0; 
right:0; 
} 

.close{ 
position:absolute; 
top:0; 
right:0; 
} 


<div class="chat"> 
<div class="close">x</div> 
some content 
</div> 

<a href="#" class="trigger">Click here</a> 

Answer 1

對於fade in和fade out。例如：

$（'＃element'）。fadeIn（）;

Documentation

同樣的，淡出（）;

關於stick position：

您可以使用CSS做。例如：

#element { 
    position: absolute; 
    bottom: 20px; 
    right: 20px; 
    z-index: 100; 
} 

JSFiddle