3 post della settimana dedicato a jQuery e la libreria grafica javascript, UI (sigla che sta per User Interface).
L’effetto che andiamo a presentare è dei più utili e logevi che possa esserci, usato da molteplici siti web, e quasi sicuramente vi siete imbattuti in esso inconsapevolmente, nell’era del web 2.0 è sempre più utilizzato e presente per i “floating box”.

jquery ui - draggable

Codice da incollare su pagina html:

<html>
<head><title>jquery UI - draggable</title>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
 
<script type="text/javascript">
 
$('document').ready(function(){
 
$('#immagine').draggable(); //funzione offerta da jQuery UI (User interface)
 
});
</script>
 
</head>
 
<body>
 
<img src="http://t2.gstatic.com/images?q=tbn:ANd9GcShWeWwwoIAZxp_aCT9yNgFPigzuhBnE7Bf4fM4QaxHmEowOHODINV1K4bR" id="immagine"/>
</body>
 
</html>