Interface

http://interface.eyecon.ro/

E' un plugin che serve per moltissimi tipi di effetti, dal drag al sortable, alle animazioni


Animate

Estende la funzionalità base .animatedi jQuery. Consente di animare le proprietà di un elemento definite in due classi diverse:

Javascript code:

$(document).ready(function() {
$('div.boxbefore').animate({className:'boxafter'}, 1000);
});

Interface animate


Sortable

Consente di rendere draggabili e ordinabili gli elementi all'interno di un contenitore

HTML code:

<ul id="sort-container" class="content">
<li id="item1" class="sort-item">John</li>
<li id="item2" class="sort-item">Paul</li>
<li id="item3" class="sort-item">George</li>
<li id="item4" class="sort-item">Pete</li>
<li id="item5" class="sort-item">Stu</li>
<li id="item6" class="sort-item">Ringo</li>
</ul>

Javascript code:

$(document).ready(function() {
$('#sort-container').Sortable({
accept : 'sort-item',
hoverclass : 'hover',
helperclass : 'helper',
opacity: 0.5
});
});

Interface sortable