Jqury UI Açılır Menü Yapımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jqury UI Açılır Menü Yapımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(3997)
RAPOR ET
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>



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol