Toon posts:

[JS] Menu div script

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik zoek een script die netzoals werkt bij www.cscentral.com in het menu
Dus dat er een een blokje bij onmouseover komt..

Ik heb lang gezocht, zelf gemaakt, gecombineerd etc. maar niks is gelukt
Weet iemand een soortgelijk scriptje, of heeft hij hem nog liggen?
Bedankt icezAz

  • JeromeB
  • Registratie: September 2003
  • Laatst online: 19-03 22:07

JeromeB

woei

Cascading Stylesheet:
1
2
3
4
a:hover
{
    border-right: 2px solid yellow;
}

PC load letter? What the fuck does that mean?


Verwijderd

Topicstarter
Heel erg bedankt!

  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
Had je niet gewoon even de source van die site kunnen bekijken?

[edit]
Uit hun css file:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
a.menu:active {  
color: E2E2E2; 
}

a.menu:visited {  
color: E2E2E2; 
}

a.menu:hover {  
color: FFD800; 
padding-right: 2px;
border-left: 0px;
border-right: 2px;
border-top: 0px;
border-bottom: 0px;
border-color: FFD800; 
border-style: solid; 
}

[ Voor 72% gewijzigd door Grijze Vos op 20-03-2004 13:59 ]

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info


  • Michali
  • Registratie: Juli 2002
  • Laatst online: 22-03 18:12
Omdat je het in JS vroeg doe ik dat ook even voor. Mischien dat je daar ooit nog wat aan hebt.

code:
1
2
<a href="#" onMouseOver="this.style.borderRight='2px solid yellow';" 
onMouseOut="this.style.borderRight='none';">link</a>

[ Voor 18% gewijzigd door Michali op 20-03-2004 14:02 ]

Noushka's Magnificent Dream | Unity


Verwijderd

Topicstarter
Ik wist niet dat het zo makkelijk was, en dacht ik moet bij de script kijken, en als het scripts waren zou ik het niet pakken, want dat is rippen O-)

En daarom staat er ook JS in de topic title :]
Bedankt iedereen

[ Voor 19% gewijzigd door Verwijderd op 20-03-2004 14:03 ]


  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
Michali schreef op 20 maart 2004 @ 14:02:
Omdat je het in JS vroeg doe ik dat ook even voor. Mischien dat je daar ooit nog wat aan hebt.

code:
1
2
<a href="#" onMouseOver="this.style.borderRight='2px solid yellow';" 
onMouseOut="this.style.borderRight='none';">link</a>
Euhm, zo dump je alle style-dingetjes op een onmouseout. Dat wil je dus niet zo doen. ;)

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info


  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
Verwijderd schreef op 20 maart 2004 @ 14:02:
Ik wist niet dat het zo makkelijk was, en dacht ik moet bij de script kijken, en als het scripts waren zou ik het niet pakken, want dat is rippen O-)
Bedankt iedereen
En nu rip je toch in principe hetzelfde script van hier. Het idee heb je toch al geript, dus om nu voor je eigen geweten hier te vragen voor precies hetzelfde stukje code als dat je ergens uit de source kunt lezen vind ik wel erg gemakkelijk. Bovendien was dit dus eigenlijk een script-request.

Maarja, je hebt je antwoord iig.

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info


Verwijderd

Topicstarter
Het idee kwam eigenlijk van mezelf, toen kwam ik erop dat CSCentral het ook had, echt..

  • Michali
  • Registratie: Juli 2002
  • Laatst online: 22-03 18:12
Grijze Vos schreef op 20 maart 2004 @ 14:15:
[...]

Euhm, zo dump je alle style-dingetjes op een onmouseout. Dat wil je dus niet zo doen. ;)
Zo dump ik alleen de rightBorder style volgens mij :?. Ik had/heb de voorbeeld site nog niet bekenen dus de complete bedoeling is me nog niet duidelijk. En aangezien JeromeB alleen CSS gaf voor een hover bij een link leek het me dat de a in gewone staat geen border moest hebben. Vandaar dus.

Noushka's Magnificent Dream | Unity

Pagina: 1