55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<script src="http://code.jquery.com/jquery.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
|
||
<style>
|
||
html, body {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
/* ваши стили */
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
|
||
|
||
<script type="text/template" id="draggable-window-template">
|
||
/* шаблон для окна */
|
||
</script>
|
||
|
||
<script>
|
||
|
||
// если начать перенос и передвинуть мышь максимально вверх -- верхний край окна не должен вылетать за край страницы.
|
||
// в другие стороны
|
||
|
||
// чтобы даже при резких движениях мыши -- окно прилипало к краю но не вылезало за край
|
||
// исключение -- максимальная нижняя позиция окна -- это когда только заголовок виден
|
||
|
||
// позиция мыши смещается
|
||
function DraggableWindow(options) {
|
||
var self = this;
|
||
|
||
/* ваш код */
|
||
}
|
||
|
||
var win = new DraggableWindow({
|
||
title: "Чат с Петей",
|
||
template: $('#draggable-window-template').html()
|
||
});
|
||
|
||
win.getElement().appendTo('body');
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|