Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Presbiopia - la 43 ani ?

Termen transcriere autovehicul

Cazare Timisoara pe 4-5 zile

Primele zile ale internetului per...
 Ditra 25

Casti USB-C ptr A-54

Aplicatie medicala / asistent med...

De ce vor atația politicieni...
 ERR_ADDRESS_UNREACHABLE

Legea 18/1968 Se mai aplica?

Digi conectare 2 routere prin fir

Succesiune notar versus instanta ...
 Montaj aer conditionat in balcon ...

Cont curent mulți valuta far...

Sugestii plan casa

Experiente cu firme care cumpara ...
 

o mica problema la un meniu

- - - - -
  • Please log in to reply
1 reply to this topic

#1
XWD

XWD

    Member

  • Grup: Members
  • Posts: 384
  • Înscris: 27.12.2007
am o mica problema.
am facut un meniu pt un site si l-am facut cu mouseover si mouseout. (cand duci cursorul mouse-ului pe buton apare alta imagine ).
acesta este codul unui buton:
<img src="images/new-header_12.jpg" width="140" height="83" alt="" border="0" onmouseover="this.src='images/new-header_12-b.jpg'" onmouseout="this.src='images/new-header_12.jpg'">
as vrea cand am dat click pe acel buton sa apara imaginea "new-header_12-b.jpg"
cum pot sa fac chestia asta ?
stiu ca ar fi o varianta din css sa fac active { si cum vreau sa fie linkul cand e activ } si sa ii dau la codul de mai sus class=active; dar m-ar interesa sa pot sa introduc in codul de mai sus si chestia aia ACTIVE ceva asemanator cum am facut si onmouseover etc ...
multumesc anticipat

#2
Pilu420

Pilu420

    Junior Member

  • Grup: Members
  • Posts: 90
  • Înscris: 10.04.2008
Uite iti zic eu cum sa faci cu Javascript.

Prima data trebuie sa introduci acest cod intre tag-urile <head></head>
In locul lui "4.jpg" pune imaginea care vrei sa apara "onmouseover", iar in locul lui "5.jpg" pune imaginea standard.
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="4.jpg";
}
function mouseOut()
{
document.b1.src ="5.jpg";
}
</script>

Dupa aceea va trebui sa scrii urmatoarele randuri intre tag-urile <body></body>, exact acolo unde vrei sa se afle imaginea.
La fel in locul lui "5.jpg" pune imaginea standard
<a onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt=""
src="5.jpg" name="b1" /></a>

Intr-un final codul tau va trebui sa arate asa:
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="4.jpg";
}
function mouseOut()
{
document.b1.src ="5.jpg";
}
</script>
</head>
<body>

<a onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt=""
src="5.jpg" name="b1" /></a>

</body>
</html>


Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate