Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Imprimanta ciss rezista perioade ...

Garmin fēnix 7 / PRO / Saphi...

Care sunt cele mai mari regrete a...

Alfa Romeo Stelvio 2.2 jtd
 Intrebari srl nou

La multi ani @AndReW99!

Alegere masina £15000 uk

TVR vrea sa lanseze o platforma d...
 Strategie investie pe termen lung...

Modulator FM ptr auto alimentat p...

orange cablu f.o. - internet fara...

Robinet care comuta traseul
 A fost lansata Fedora 40

Samsung S24 plus

Imi iau un Dell? (Vostro vs others)

Abonati Qobuz?
 

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