јКуери: падајући мени са слајд ефекта

У овом кратком чланку представити своје јКуери плугин-да створи једноставно, али лепо, у падајућем менију (падајући мени) са слајд ефекат. У ствари, морам да будем искрен, није све моје рад ... мој рад, у ствари, је у ствари прерада овај плугин да сам могу да оптимизују и прошири додавањем, у ствари, ефекат слајдови (одмотавање).

Хајде да видимо како да се примени падајући мени

Прво, наравно, треба да укључи јКуери у нашој веб страници:

 



 <сцрипт типе="тект/јавасцрипт" срц="јкуери.јс"> </ сцрипт>

 

Без тог ми морамо креирати, у документу телу (<боди> ...</ тело>), наш мени који се састоји од набрајања у којима постоје друге листе (који представља тетиве да је "исправљају на столу" ховер мајка ставка). Ево примера кода:

 <ул ид="мрвддм">



  



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/"> Мр.Вебмастер </ а> </ п>



  



 <ли> <а хреф="#"> ЈаваСкрипт </ а>



    



 <ул>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/јавасцрипт/гуиде/"> Водич </ а> </ п>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/јавасцрипт/артицоли/"> Чланци </ а> </ п>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/јавасцрипт/фак/"> Честа питања </ а> </ п>



    



 </ Ул>



  



 </ Ли>



  



 <ли> <а хреф="#"> Писмо </ а>



    



 <ул>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/сцрипт/апплет-јава/"> Јава Аплети </ а> </ п>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/сцрипт/јавасцрипт/"> ЈаваСкрипт </ а> </ п>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/сцрипт/сцрипт-пхп/"> ПХП </ а> </ п>



      



 <ли> <а хреф="хттп://ввв.мрвебмастер.ит/сцрипт/сцрипт-аспнет/"> АСП.Нет </ а> </ п>



    



 </ Ул>



  



 </ Ли>



  



 <ли> <а хреф="хттп://форум.мрвебмастер.ит/"> форум </ а> </ п>



  



 <ли> <а хреф="хттп://блог.мрвебмастер.ит/"> блог </ а> </ п>



  



 <ли> <а хреф="хттп://тоолс.мрвебмастер.ит/"> Алатке </ а> </ п>







 </ Ул>

Нашем менију мора да буде, наравно, на одговарајући начин стилизована. Да бисте то урадили једноставно додајте ове линије у стилу лист ЦСС код:

 ул # мрвддм {маргин: 0пк 40пк 20пк 0пк; паддинг: 0пк;}







 Мрвддм # ли {флоат: лефт; дисплаи: инлине; лист-стиле: ноне;}







 # Их Мрвддм {дисплаи: паддинг-блок: 3пк 10пк; бордер: 0пк; тект-децоратион: ноне; вхите-спаце: новрап бацкгроунд: # ееееее;}







 # Их Мрвддм: ховер {бацкгроунд: # цццццц; цолор: # ФФФФФФ;}







 # Мрвддм их ул {мин-видтх: 120пк; бордер: 0пк 0пк 0пк 3пк; паддинг: 0пк; позицију: апсолутна, з-индек: 999; видљивост: сакривен; дисплаи: ноне;}







 # Мрвддм их ул ли {флоат: лефт; дисплаи: инлине;}







 # Мрвддм их ул ли {цолор: 3пк 5пк; бацкгроунд: # ееееее; цолор: # 666666;}







 # Мрвддм их ул ли а: ховер {бацкгроунд: # цццццц; цолор: # ФФ6600}

• <<
• 1
• 2
• >>