menu na web - poradna.net

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

Předmět	Autor	Datum
Doporučuju přečíst web www.jakpsatweb.cz . Je zde opravdu všechno a určitě tam najdete co hledáte. shark 27.04.2007 18:27	shark	27.04.2007 18:27
Môžeš si pozrieť menu. los 27.04.2007 19:37	los	27.04.2007 19:37
<HEAD> <meta http-equiv=Content-Type content="text/html;charset=windows-1250"> <STYLE TYPE="text/cs… waterresist 27.04.2007 20:24	waterresist	27.04.2007 20:24
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	28.04.2007 01:26
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	28.04.2007 04:35

Doporučuju přečíst web www.jakpsatweb.cz . Je zde opravdu všechno a určitě tam najdete co hledáte.

Môžeš si pozrieť menu.

<HEAD>

A{text-decoration:none}
A:link{c olor:blue;}
A:visited{color:red;}
A:hover{text-deco ration:underline;color=#800080;}

</STYLE>
</HEAD>
<BODY......................................>

Měl by to být tenhle.
Dej si do "body" nějaký pozadí, dodej odkazy.

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