Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Recomandati-mi un DSR (digital so...

Suzuki Vitara vs Ford Puma

Componenta display TV LCD

Ce va ingrijoreaza sau va displac...
 Rotunjirea mediilor

Recomandare Cablu circuit si Tabl...

Instalare masina de spalat vase

Mașina de spalat vase pentru...
 Problema tv cu android

Ați pica in aceasta propaganda a ...

Stick-ul nu functioneaza la navig...

Ce fotovoltaice ati cumpara/inves...
 Conectare Amplificator ROTEL cu S...

Cum functioneaza un ISP pe fibra

max 550 Eur/luna, 60 luni, garant...

Sfaturi sistem fotovoltaic
 

mouse over

- - - - -
  • Please log in to reply
2 replies to this topic

#1
XWD

XWD

    Member

  • Grup: Members
  • Posts: 384
  • Înscris: 27.12.2007
Buna.
Am facut un meniu si vreau sa ii pun un mouse over ... butonul e defapt o imagine si cand duc mouseul pe aceasta imagine as vrea sa apara o alta imagine.
Sper sa ma puteti ajuta.
Postez mai jos codul CSS si HTML al imaginii.

HTML

<div id="header-XOSWD-06">
		<img src="images/header-XOSWD_06.jpg" width="43" height="39" alt="">
	</div>

CSS

#header-XOSWD-06 {
	position:absolute;
	left:162px;
	top:214px;
	width:43px;
	height:39px;
}

Am exportat din Photoshop dar am creeat ulterior un fisier CSS unde am inserat si codul meniului si fiecare imagine e definita ca imaginea de mai sus ... daca ma poate ajuta cineva ... i-as fi recunoscator...
Ms anticipat

Edited by XWD, 26 April 2008 - 22:49.


#2
sergiu_spooky

sergiu_spooky

    Senior Member

  • Grup: Senior Members
  • Posts: 3,738
  • Înscris: 23.06.2006
Nu e nevoie de javascript pentru ce vrei tu.
http://www.google.co...G=Google Search
Toate rezultatele sunt concludente probabil. Ideea generală a acestei metode e să ai și imaginea de up și imagine de hover în aceeași imagine, pusă ca background al link-ului tău, iar apoi cu css afișezi doar porțiunea care trebuie, în funcție de :hover
Poți folosi și două imagini diferite dar apare acel "flicker", din cauză că imaginea de hover trebuie și ea încărcată. Evident, a doua oară nu mai apare problema pentru că imaginea e deja în cache. E și aici o mică problemă datorată faptului că IE 5.5 nu le păstrează în cache. Există rezovlare și pentru asta, bazată pe javascript.

#3
The_recruit

The_recruit

    Member

  • Grup: Members
  • Posts: 276
  • Înscris: 29.08.2005
A list apart avea un tutorial bun mi se pare.

Edited by The_recruit, 30 April 2008 - 09:54.


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