Avatar billede dinmor Nybegynder
05. august 2002 - 01:55 Der er 9 kommentarer og
1 løsning

Javascript og CSS

Jeg ska ha lavet nogle knapper hvor baggroundbillederne bliver skiftet ud OnMouseOver. Baggroundbillede og text for sig selv, så man altid ka skifte text'en ud og mærkere den. Hvordan gør jeg det ?!
Avatar billede knudgert Nybegynder
05. august 2002 - 04:19 #1
Går ud fra, at knappérne skal være links, så hvorfor ikke blot bruge hover?

<head>
<style type="text/css">
<!--
a:link {display: block; width: 100px; height: 75px; background: url(image.jpg)}
a:hover {background: url(andet_image.jpg)}
-->
</style>

og så ellers blot normale link på siden.

Vil du bruge noget mouseover, så kig på
http://home13.inet.tele.dk/smedpark/webhjaelp/tabel/tabelbaggrund1.htm
Avatar billede thesurfer Nybegynder
05. august 2002 - 05:57 #2
dinmor>>

Snakker du om knapper eller links ?

Hvis det er knapper (virker kun i Internet Explorer):


<script language="">

function change2(image){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundImage="NytBillede"
}

</script>

( taget fra: http://www.dynamicdrive.com/dynamicindex5/button2.htm )

hvis det er (alle) links på siden, kan du bruge det knudgert skrev..

/theSurfer.
Avatar billede knudgert Nybegynder
05. august 2002 - 07:06 #3
>thesurfer
Man bruger da bare class eller id, men det betragtede jeg som en selvfølge.
Avatar billede mik789 Nybegynder
05. august 2002 - 08:07 #4
knudgert> det skal vist være backgournd-image: url(image.jpg), og ikke bare backgound .... se evt. http://www.w3schools.com/css/css_reference.asp#background
Avatar billede mik789 Nybegynder
05. august 2002 - 08:07 #5
ground
Avatar billede =maddog= Nybegynder
05. august 2002 - 11:18 #6
mik> background er short-hand og tager alle background styles i et miskmask
background: url(dog.gif) #D0D0D0 no-repeat fixed center center;
dur således glimrende såvel som
background: url(dog.gif);
alene.
Avatar billede dinmor Nybegynder
07. august 2002 - 00:22 #7
Ja knapperne ska være links, men de ska skifte og være forskellige billeder...
Avatar billede knudgert Nybegynder
08. august 2002 - 12:53 #8
Og det kan du se, hvordan gør nederst på
http://home13.inet.tele.dk/smedpark/webhjaelp/tabel/tabelbaggrund1.htm
Der er det første billede grønt som baggrunden og ved musover kommer et andet bgbillede.
Avatar billede =maddog= Nybegynder
08. august 2002 - 13:02 #9
godt link til NS4 løsningen! det er det mest elegante jeg til dato har set. jeg må LIIIIGE kigge på den en gang. (den gale hund plejede at lave <td><ilayer><layer></ilayer></layer></td> finten, men det er vist historie)
Avatar billede dinmor Nybegynder
16. november 2002 - 01:17 #10
Har fundet ud af det selv...
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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