4 / 11

Property: drag

Description:

Makes an element dragable.

div {
    drag: standard;
}

Plugin:

MoreCSS.effects.js (download section)

Applies to:

All block elements.

Properties:

Name: Value: Details:
drag case auto-zindex | case standard | case noposition
Use auto-zindex to allow setting CSS z-index by plugin (for arranging drag-able elements). Use noposition to turn off CSS definition position:absolute by plugin. Default: standard
drag-class class name Adds a CSS class to the element on drag event.
drag-boundary ID | case none
Defines an outer HTML element as boundary for the dragable element.
drag-start-callback function name Fire this callback function on drag event start.
drag-move-callback function name Fire this callback function during dragging.
drag-stop-callback function name Fire this callback function on drag event end.

Examples:

Open: Demo Page

­