Це дуже коротке повідомлення про те, як можна легко створювати анімовані меню навігації з 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 </ > </ LI> </ UL> </ div> Таким чином, у нас є деякі елементи списку є. Таким чином, щоб вони виглядали як горизонтальне меню, ми повинні були б деякі CSS яка виглядає наступним чином
: inline ; } #navcontainer ul li Лі {Дисплей: вбудований;} # navcontainer вул чи
І заключна частина .. Роблячи їх танцю при наведенні курсору миші. Дуже просто з живим функції. Тільки два цих рядків нижче буде робити свою справу. Подивіться.
( ) { $ ( "#navlist $ (Функція () {$ ("# navlist
От і все! Дивіться в дії










































Останні коментарі