Hvordan lage en div som en Drabare Scriptaculous

Scriptaculous er en Javascript samspill rammeverk. Det gir objekter og metoder for å lage brukergrensesnitt lett i Javascript og HTML. Javascript-applikasjoner er mer interaktiv enn webprogrammer som er avhengige bare på HTML og CSS. Med Javascript kan brukerne dynamisk samhandle med objekter på siden. Scriptaculous mål å gjøre å utvikle dynamiske grensesnitt veldig grei. Lage en flyttbar div kan gjøres på mindre enn en linje med kode med Scriptaculous.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk. Dette kan gjøres ved å gå til "Start-> Alle Programmer-> Tilbehør-> Notisblokk."

2 Skriv inn følgende kode i en teksteditor:

<Html>

<Script type = "text / javascript" med banen til Scriptaculous biblioteket.

3 Legg til følgende kode rett etter "<script>" tag.

<Script>

ny Drabare ( 'test', {tilbake: true});

</ Script>

Dette gjør "test" div flyttbare.

4 Legg til følgende kode rett etter "<style>" tag.

test {width: 300px; height: 300px; background-color: green}

Dette vil gjøre testen div synlig og grønt. Lagre dokumentet som en HTML-fil og åpne den i en nettleser for å se resultatene.