ფიქსირებული ნავიგაცია/ fixed navigation 2024-05-19 |
დასახელება: ფიქსირებული ნავიგაცია/ fixed navigation ავტორი: lazara სისტემა: ყველა აღწერა: ლამაზი ფოტო გალერეა ლამაზი ეფექტებით 1.ატვირთეთ საიტზე არქივში მოცემული ფაილები 2.ეს თვითონ ნავიგაციის კოდი Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ფიქსირებული ნავიგაცია | gelesson.net</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <link rel="stylesheet" href="css/lazara.css" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <!-- დემო --> <link rel="stylesheet" type="text/css" href="/templates/vector/style/demopcv.css" /> <!-- /დემო --> </head> <body> <ul id="navigation"> <li class="home"><a href="" title="მთავარი"></a></li> <li class="about"><a href="" title="ჩვენს შესახებ"></a></li> <li class="search"><a href="" title="ძიება"></a></li> <li class="photos"><a href="" title="ფოტო"></a></li> <li class="rssfeed"><a href="" title="Rss ლენტა"></a></li> <li class="podcasts"><a href="" title="დახმარება"></a></li> <li class="contact"><a href="" title="კონტაქტი"></a></li> </ul> <script type="text/javascript"> $(function() { $('#navigation a').stop().animate({'marginLeft':'-85px'},1000); $('#navigation > li').hover( function () { $('a',$(this)).stop().animate({'marginLeft':'-2px'},200); }, function () { $('a',$(this)).stop().animate({'marginLeft':'-85px'},200); } ); }); </script> </body> </html> |
სულ კომენტარები: 3 | |