简单的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。例如：

$（＆＃39;＃元件＆＃39）。淡入（）;

Documentation

与fadeOut（）;

相同

关于stick position：

你可以使用CSS来做到这一点。例如：

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

JSFiddle