Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem menu na web

Prosim vás chtěl bych se zeptat jak je vždycky na webovkách takovej ten skript jak na to najedete kurzorem a ono to třeba změní barvu nebo se ukáže jinej obrázek atd. Potřeboval bych poradit jak na to. Díky

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
pro změnu vlastnosti textu se používá css vlastnost hover (ie6 ho umí jen pro odkaz) pro změnu obsa…
lední brtník 28.04.2007 01:26
lední brtník
Lepší, než javascript se mi jeví určení pozadí odkazu obrázkem, který se při najetí myší "šoupne" o… poslední
Kráťa 28.04.2007 04:35
Kráťa

pro změnu vlastnosti textu se používá css vlastnost hover (ie6 ho umí jen pro odkaz)

pro změnu obsahu textu nebo obrázku se používá javascript
text:

<span onMouseOver="innerHTML='2.text s myšem'" onMouseOut="innerHTML='1.text'">1.text</span>

obrázek:

<img src="prvni.gif" onmouseover="this.src = 'druhy.gif'" onmouseout="this.src = 'prvni.gif'">

teď se dívám že ptáš na menu - může být tvořeno pozadím buňky tabulky, orámovaným spanem ... ale vždycky je to odkaz. nejspíš ve stylu 'menu a' bude definovaná nějaká barva nebo background, a v 'menu a:hover' bude popsané co to má udělat při ukázání.

ale nejsem webmasta, jen si tak pindám jak by to mohlo fungovat. nebo se podívej do zdrojáku stránek, které dělají to co chceš.

Lepší, než javascript se mi jeví určení pozadí odkazu obrázkem, který se při najetí myší "šoupne" o svou šířku/výšku. Důležitá věc je, aby byl odkaz display: block.

/*měnící*/
	.menici {
		background: url("images/pod_odkaz.gif") 0 0 no-repeat;
		width: 162px;
		height: 29px;
		display: block;
		color: #ffffff;
		margin: auto
		}
	.menici:hover {
		background-position: -162px 0;
		width: 162px;
		height: 29px;
		display: block;
		margin: auto
	}
/*měnící konec*/

Je to odsud
menu.html

Zpět do poradny Odpovědět na původní otázku Nahoru