Lectia 12 – Bara de instrumente pentru navigare

jQuery Mobile ofera o bara de instrumente pentru navigare, se pot adauga pana la 5 butoane ( pe un rand ) cu sau fara iconita. Bara de instrumente de navigare se poate adauga atat in antet cat si in subsol.
Bara de instrumente pentru navigare este doar o lista <ul> avand atributul data-role=”navbar”.

Sa cream impreuna o bara de instrumente de navigare cu 2 butoane: „Prima pagina” si „Contact”

	<div data-role="header"  data-position="fixed" data-theme="c" >
			<h1>Lectia 12 – Bara de instrumente pentru navigare</h1>
			<div data-role="navbar">
				<ul>
					<li><a href="#home" class="ui-btn-active"   data-transition="slide">Prima pagina</a></li>
					<li><a href="#contact"   data-transition="slide">Contact</a></li>
				</ul>
			</div><!-- /navbar -->
	</div>

Demo

Demo-ul complet poti vizualiza aici.

Anunțuri

O părere la “Lectia 12 – Bara de instrumente pentru navigare”

Lasă un răspuns

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s