Jquery UI bir çok gerekli şeyi bizim için kolaylaştırmış.Bunlardan biride açılır menü.Çok kısa bir kodla bir ul-li yapısını açılır menüye dönüştürüyo.Güzel bir özellik.
Kullanımı şu şekilde bir ul-li yapıyonuz bu ana menüleriniz bunun içine bir ul-li daha yapıyonuz bunlar alt menüleriniz oluyo.En üstteki ul a jquery ui menü özelliğini veriyonuz anında menüye dönüşüyo bunlar.
Video :
indir : http://ustaderslik.com/dosya/Jquery-Uİ(Menü).rar
Kodlar :
<html>
<head>
<title>cArleone</title>
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.0.custom.js"></script>
<link rel="stylesheet" href="demos.css" />
<link rel="stylesheet" href="jquery-ui-1.10.0.custom.min.css" />
<script type="text/javascript">
$(function() {
$(".menu").menu({
disabled:true//disabled ile menuyü kitleyebiliriz.
});
});
</script>
<style type="text/css">
body{font-size:15px;}
</style>
</head>
<body>
<ul class="menu" style="width:200px;">
<li><a href="">PHP</a></li>
<li><a href="">JAVASCRİPT</a>
<ul>
<li><a href="">dersler</a></li>
<li><a href="">örnekler</a></li>
<li><a href="">sorular</a></li>
</ul>
</li>
<li><a href="">JQUERY</a></li>
<li><a href="">CSS</a>
<ul>
<li><a href="">dersler</a></li>
<li><a href="">örnekler</a></li>
<li><a href="">sorular</a></li>
</ul>
</li>
</ul>
</body>