منو افقی زیبا با جی کوئری

با استفاده از این پلاگین می توانید منو افقی بسیار زیبا با خاصیت ایجکس داشته باشید

آموزش استفاده

1- فراخوانی کتابخانه پلاگین و خصوصیت ها

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/demo.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script src="js/navDock_1.2.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#navDemo02').navDocks({speed:300, activeMenu:true});
}); 
</script>

2- کد html جهت استفاده پلاگین

<div id="wrap">
<div class="navigation02">
<ul id="navDemo02">
<li class="navActive"><a href="categorie/01.html"><img src="img/icoSet2/home.png" alt="Home" /></a></li>
<li><a href="categorie/02.html"><img src="img/icoSet2/chat.png" alt="Chat" /></a></li>
<li><a href="categorie/03.html"><img src="img/icoSet2/upload.png" alt="Upload" /></a></li>
<li><a href="categorie/04.html"><img src="img/icoSet2/email.png" alt="Email" /></a></li>
<li><a href="categorie/05.html"><img src="img/icoSet2/info.png" alt="Info" /></a></li>
<li><a href="categorie/06.html"><img src="img/icoSet2/stats.png" alt="Stats" /></a></li>
<li><a href="categorie/07.html"><img src="img/icoSet2/rss.png" alt="Rss" /></a></li>
</ul>
</div>
<div class="ajaxContent">
</div>
</div>