Золотая библиотека JAVASCRIPT
1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER





Javascript + CSS :: • блок • текст • линк • меню • фото • окно • кнопка • фон • видео • таблица

ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года

HTML ↴


Html-код примера:
<head> <title>jQuery плагин draggable</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <div id="les10_ex13"></div> <textarea cols="70" rows="3" wrap="off" id="res"></textarea> </div> Функция: <div class="kod"> <xmp> $(document).ready(init); function init(){ start: function(event, ui) { var a=event.type; $('#res').text('Событие: '+a); }, stop: function(event, ui) { var a=event.type; var c=ui.position.left; var d=ui.position.top; var e=ui.offset.left; var f=ui.offset.top; $('#res').text('Событие: '+a+ '\nРасстояние слева и сверху относительно родительского элемента: '+c+' '+d+ '\nАбсолютные значения расстояния слева и сверху: '+e+' '+f); } }
Всего у плагина draggable более 20 различных параметров, полный перечень можете посмотреть, например, здесь.

У плагина draggable есть четыре метода, которые позволяют менять работу плагина после его инициализации:
  • destroy - удаляет всю функциональность плагина Draggable.

    Пример:
    $("#les").draggable(‘destroy’);


  • disable - временно запрещает работу всей функциональности плагина Draggable.

    Пример:
    $("#les").draggable(‘disable’);


  • enable - разрешает работу всей функциональности плагина Draggable (если она была запрещена).

    Пример:
    $("#les").draggable(‘enable’);


  • option - позволяет установить значения параметров плагина после его инициализации.

    Запись:
    $("#les").draggable(‘option’, optionName, [value]);


Посмотрим на примере:


Html-код примера:
jQuery плагин draggable

размер Kb

ПРИМЕР ↴

✔ пример в полном окне



Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER