CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Oscar.Skov Mester

24. maj 2018 - 10:49 Der er 4 kommentarer og
1 løsning

Skift baggrund til et div tag på en hjemmeside ved :hover

Hej eksperter
Jeg har helt styr på hvordan jeg laver div tags, og hvordan jeg giver et div tag en baggrund.

Problemet er, at jeg vil have et div tag til at skifte baggrund, når jeg holder musen hen over en box med et andet div-tag.

Er der nogen der ved hvordan jeg gør det, og hvad kodesprog jeg skal bruge. Er ikke sikker, men tror det er jquery.

Hilsen Oscar

Synes godt om

Slater Ekspert

24. maj 2018 - 15:24 #1

Der findes kun ét client side sprog til websider, og det er Javascript. jQuery er et library der gør det lettere at gøre visse ting i Javascript, men det er ikke et sprog i sig selv. Det er bare for at sige, at alt du kan gøre i jQuery kan du også gøre i ren Javascript uden jQuery - for jQuery er bare Javascript.

Men ja, det vil sandsynligvis være hvad du skal bruge her - altså enten jQuery eller bare ren Javascript. Det er muligt det kan laves med et CSS hack, men det kommer an på opbygningen af siden, så Javascript er lettere.

Men hvis du vil have et ordentligt eksempel på en løsning, er det bedst hvis du viser din HTML-struktur her. Og når du siger "skifte baggrund", mener du så at skifte mellem to billeder?

Synes godt om

Oscar.Skov Mester

30. maj 2018 - 22:12 #2

Hej Slater
Her er koden:
<body>
<div id="content">
<div class="column-1">
<a href="#">
<img src="#" alt="" />
</a>
<p>Her skal være noget tekst</p>
</div>

<div class="column-2">
<a href="#">
<img src="#" alt="" />
</a>
<p>Her skal være noget tekst</p>
</div>

<div class="column-3">
<a href="#">
<img src="#" alt="" />
</a>
<p>Her skal være noget tekst</p>
</div>
</div>
</body>

Det som jeg så godt kunne tænke mig er, at når man holder musen over en af kolonnerne skifter #content farve/billede. Når man så holder musen hen over en anden kolonne, skal #content skifte til en ny farve/billede igen.

... kolonner fylder en 1/3 hver af siden.

Håber det giver mening...

Synes godt om

Slater Ekspert

31. maj 2018 - 09:22 #3

Mener du noget i denne stil? https://jsfiddle.net/aaf7qfL3/

Synes godt om

a3-seo.dk Ekspert

14. juni 2018 - 12:56 #4

Det kan laves ved ren CSS, vil ikke tilråde at bruge scripts til dette.
Benyt hover i css

Synes godt om

Slater Ekspert

14. juni 2018 - 13:24 #5

#4: Det kan det ikke, nej. Du kan ikke tilgå et element der er højere i hierarkiet i CSS.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56
Bat fil Af sjass i Andet programmering	5	15/01/202417:45	15/01/202420:35

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS