• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

JavaScript Muoviamo elementi per la pagina usando il mouse

Delux ex xmaionx

Utente Master
Autore del topic
11 Aprile 2011
2.618
85
Miglior risposta
0
Jquery - Muoviamo elementi per la pagina usando il mouse

Ciao ragazzi :emoji_slight_smile: , molti di voi avranno pensato che sarebbe carino muovere elementi per una pagina web , come se si trattasse di un qualsiasi programma sul nostro desktop, per fare ciò utilizzeremo jquery e la sua funzione "drag".
Per prima cosa nella nostra pagina web includiamo jquery :
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Fatto ciò creiamo un nuovo divisore , per esempio un quadrato (dichiariamo prima il css) :
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
E poi l'html:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Dopo aver concluso , avremo il nostro quadrato , immobile sul nostro schermo.
Dichiariamo :
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Dove in rosso troviamo l'id del nostro quadrato , in questo caso "divisore".
Salvate la pagina ed avrete questo fantastico effetto attivo sul vostro sito.
 
Ultima modifica:
Potresti inserire delle img o anche una GIF per far capire subito di cosa stiamo parlando.
 
In particolare specificherei che questa possibilità è permessa dall'estensione jQuery UI...
 
  • Like
Reactions: 1 person