Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Wc Geberit

Routere detinute in trecut si in ...

Teii din fața casei

E-Mail in serie prin Excel si Out...
 Modul alimentare rulou/jaluzea ex...

Recuperare fișiere dupa form...

Aplicatii stress test RAM

Asigurare auto hibrid
 Asus B550M - PC-ul nu porneste di...

Tzanca Uraganu - Inconjurat de Fe...

explicatie montaj breadboard

3 Doors Down - Kryptonite
 Semnalizati cand virati pe un dru...

Succesiune - mostenire apartament...

Donez Siofor de 1000mg ( diabet t...

Izolatie intre parter si etaj
 

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

Bun venit pe Forumul Softpedia!

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