Come fare un DIV Draggable

October 21

Se si vuole fare un tuffo nella pagina Web e presentano contenuti in un modo unico, è possibile includere un div trascinabili sulla tua pagina. Un div è una sezione mini di codice HTML, che spesso include un'immagine o due e una collezione di testo. Tutto ciò in un div distingue dal resto del HTML in una pagina. Un modo per ottenere il div di stare di più è quello di rendere trascinabile, il che significa che l'utente può posizionare il div ovunque si vorrebbe collocarlo.

istruzione

1 Accedere al server Web. Aprire il file HTML per il quale si desidera inserire un div trascinabile.

2 Clicca il cursore nella sezione <head> del codice HTML.

3 Inserisci questo codice:

<Style type = "text / css">

.dragging {

background: # 0000FF;

width: 400px;

altezza: 400px;

position: absolute;

top: 50px;

sinistra: 50px;

z-index: 5;

}

</ Style>

4 Sostituire il codice colore di sfondo, se vuoi (vedi Risorse).

5 Fare clic nella sezione <body> della pagina nella posizione in cui si desidera che il div appaia quando la pagina viene aperta.

6 Inserisci questo codice:

<Div id = "trascinatore" class = "trascinamento">

Div con classe di <b> trascinando </ b>

<P> Il testo va qui </ p>

</ Div>

7 Sostituire "Il testo va qui" con il testo o l'immagine che si desidera inserire nel div trascinabile.

8 Pubblicare la pagina.