Gå til innhold

Tekst efekter, når musa er over linken så kan den blinke, skifte farge, riste, gå til venstre og høgre osv. Hvordan?

Spenis

Anbefalte innlegg

Spenis

Spenis

Skrevet
Skrevet

Hei, jeg lurer på hvordan jeg kan få det til at når musa er over en link på hjemmesiden min, så kan den:

 

* Hoppe

* Riste

* Skifte farge (blinker fra farge til farge)

* Gå til venste/høgre

* Bli større/mindre

* Lage en lyd mens musa er over

 

Men alt dette skal ikke skje på likt

 

Jeg var og googlet litt, men fant ikke helt det jeg ville ha, vet egenlig ikke helt hva jeg skal søke på...

 

Takker på forhond.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
CuteOne

CuteOne

Skrevet
Skrevet (endret)

Det meste av det du nevner lages i Flash.

Du kan også se på Tutvid sine guides/tutorials. De har mye der om webutvikling.

 

EDIT: Vil derimot ikke anbefale å bruke noe av det du sa da dette irriterer og er slitsomt for brukerne av siden du lager.

Endret av Watchmen
Lenke til kommentar
Bruno Mars

Bruno Mars

Skrevet
Skrevet (endret)

Du har jo "text-decoration:blink;" som brukes i CSS eller i koden.

 

Eksempel på css:

 

a
{
font-family: calibri;
color:#FFF;
text-decoration:none;
}
a:hover
{
background-color:#F90;
background-repeat:repeat;
font-family: calibri;
color:#000;
       text-decoration:blink;
}

Endret av Gregory House
Lenke til kommentar
4588pkdkrikue5c

4588pkdkrikue5c

Skrevet
Skrevet

Hei.

Dei fleste effektene du nemner er tilgjengelege med CSS som nemnt ovanfor. Eg veit ikkje kor kjent du er med det, så eg skriv heile koden for deg.

 

Legg inn CSS på sida di. Det kan gjerast i seperat CSS, eller lokalt i fila, noko eg skal gjere no. Då sett du inn følgende kode mellom <head> og </head> taggane.

 


a {
text-decoration:none;
color:#000;
}

/* Blinkande tekst */
a:hover {
text-decoration: blink;
}

/* Skifte farge */
a:hover {
color:red; 
}

/* Flytte seg x piksler mot høgre. */
a:hover {
padding-left: 50px;
}

/* Gå heilt til høgre. */
a:hover {
float:right;
}

/* Større font */
a:hover {
font-size:26px;
}

 

Det som har med å lage lyd å gjere må du nok ta med javascript. Eg vil imidlertid IKKJE anbefale deg å gjere det.

Lenke til kommentar
Bruno Mars

Bruno Mars

Skrevet
Skrevet (endret)

Hei.

Dei fleste effektene du nemner er tilgjengelege med CSS som nemnt ovanfor. Eg veit ikkje kor kjent du er med det, så eg skriv heile koden for deg.

 

Legg inn CSS på sida di. Det kan gjerast i seperat CSS, eller lokalt i fila, noko eg skal gjere no. Då sett du inn følgende kode mellom <head> og </head> taggane.

 


a {
text-decoration:none;
color:#000;
}

/* Blinkande tekst */
a:hover {
text-decoration: blink;
}

/* Skifte farge */
a:hover {
color:red; 
}

/* Flytte seg x piksler mot høgre. */
a:hover {
padding-left: 50px;
}

/* Gå heilt til høgre. */
a:hover {
float:right;
}

/* Større font */
a:hover {
font-size:26px;
}

 

Det som har med å lage lyd å gjere må du nok ta med javascript. Eg vil imidlertid IKKJE anbefale deg å gjere det.

Tungvindt? :)

 


a
{
    text-decoration:none;
    color:#000;
}

a:hover
{
    text-decoration: blink; /* Blinkande tekst */
    color:red; /* Skifte farge */
    padding-left: 50px; /* Flytte seg x piksler mot høgre. */
    float:right; /* Gå heilt til høgre. */
    font-size:26px; /* Større font */
}

 

Men som sagt tidligere her; dette er ikke noe å anbefale. Verken på eksamen/prøver eller om du lager en ordentlig side. Men så er det greit å vite hva som hva.

Endret av Gregory House
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...