Това е много кратък пост за това как можем да лесно да създадете анимирано меню за навигация с JQuery без каквато и плъгин. Трябва да са видели хоризонтални или veritical менюта, навигация, която се разширява и свива размера си на преобръщане. Преди тези рамкови JavaScript дойде, ние трябваше да направя доста код, за да се получат нещата. Защо? Това глупав напречно боравене браузър. Аз не искам да започнем отначало на IE.
ОК, ето нещо. Ние сме само с използване неподреден списък, за да се направи хоризонтално меню, което се разширява и свива. Кодексът е мъртъв прост. Нека погледнем първо маркиране.
<div id="navcontainer"> <ul id="navlist"> <li> <a href="http://www.google.com"> Google </ A> </ li> <li> <a href="http://www.yahoo.com"> Yahoo </ A> </ li> <li> <a href="http://www.msn.com"> MSN </ A> </ li> <li> <a href="http://www.lycos.com"> Lycos </ A> </ li> <li> <a href="http://www.baidu.com"> Baidu </ A> </ li> </ UL> </ Div>
Така че ние имаме някои от елементите на списъка. Така че се появи като хоризонтално меню, за това ще трябват някои CSS, който изглежда като този
: inline ; } #navcontainer ul li Ли {дисплей: инлайн;} # navcontainer ул. Ли
И последната част ... Което ги как танцуват на Изследвай с мишката. Съвсем проста с живата функция. Само няколко от тези редове по-долу ще свърши работа. Да разгледаме.
( ) { $ ( "#navlist (Функция () {$ ("# navlist
Това е всичко! Вижте го в действие










































Скорошни коментари