простое окно чата jquery

Question

простое окно чата jquery

0

Как я могу создать простой всплывающий чат-бокс, который прикрепляется к нижнему праву страницы с помощью jquery? Также как facebook или google. Я хочу, чтобы анимация исчезла вместо слайда. Мне просто нужно это всплыть, больше ничего.

.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>

user3483436 01 апр. 2014, в 05:52

Источник

0

пожалуйста, определите вашу проблему. мы не можем ожидать, что вам нужно.
Bhojendra Rauniyar 01 апр. 2014, в 03:07

Теги:

javascript

jquery

css

1 ответ

Ещё вопросы

пожалуйста, определите вашу проблему. мы не можем ожидать, что вам нужно.

Виктор Новиков · Answer 1 · 2014-04-01T01-02-00.000Z

fade in и fade out. Пример:

. $ ( '# Элемент') FadeIn();

Документация

То же самое с fadeOut();

О stick position:

Вы можете сделать это с помощью CSS. Пример:

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

JSFiddle