closeSitedeki bazı videolar Youtube'ta yaptığım bir hata nedeniyle çalışmamaktadır..

Ali Mengü | Kişisel Web Sayfasi

Drill Down Menu (v1.6)

Açiklama
Arkadaslar Tasarimlarinizda kullanabileceğiniz güzel bir menu daha sunuyorum.Genelde Aşağı doğru açılan menuler kullaniliyor.Bu Menu "li" kodlari arasinda ilerliyor.Bence gayet kullanişli bir menu.Nerede Kullanicam diyorsaniz Hayal gücünüzü kullanin derim
-Benim tarafimdan Tr.Gg sitelerine Uygun Hale Getirilmiştir.
-Benim Tarafimdan Js kodlariyla ilgili bölüm türkçeleştirilmiştir.
Önemli Özellik
Menu ile bir çok link geçtiniz ve sayfanizi buldunuz.Sayfayi Yenilediğinizde kodumuzun yine ayni kısımda olduğunu görüceksiniz .
Demo
 

Tasarim Üstüne
<!--AliMengu.tr.gg-->  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link href="http://img62.xooimage.com/files/1/a/d/drilldownmenu-2640700.css" type="text/css" rel="stylesheet" />  <script type="text/javascript" src="http://img54.xooimage.com/files/1/a/1/drilldownmenu-2640752.js">

/***********************************************
* Drill Down Menu script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
* Bu Kod AliMengu.tr.gg sitesi tarafindan Türkçeleştirilmiş ve Sunulmuştur.
***********************************************/

</script>  <script type="text/javascript">

var mymenu=new drilldownmenu({
    menuid: 'drillmenu1',
    menuheight: 'auto',
    breadcrumbid: 'drillcrumb',
    persist: {enable: true, overrideselectedul: true}
})

</script>

İstediğiniz Sayfa,Katman,Tablo
<div id="drillcrumb">&nbsp;</div>
<div class="drillmenu" id="drillmenu1">
<ul>
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    <li><a href="http://www.codingforums.com/">Coding Forums</a></li>
    <li><a href="#">Activities</a>
    <ul>
        <li><a href="#">Activities 1</a></li>
        <li><a href="#">Activities 2</a></li>
        <li><a href="#">Activities 3</a></li>
        <li><a href="#">Water Sports</a>
        <ul>
            <li><a href="#">Water Sports 1</a></li>
            <li><a href="#">Water Sports 2</a></li>
            <li><a href="#">Water Rafting</a>
            <ul>
                <li><a href="#">Water Rafting 1</a></li>
                <li><a href="#">Water Rafting 2</a></li>
                <li><a href="#">Water Rafting 3</a></li>
                <li><a href="#">Water Rafting 4</a></li>
                <li><a href="#">Water Rafting 5</a></li>
            </ul>
            </li>
            <li><a href="#">Water Sports 3</a></li>
        </ul>
        </li>
        <li><a href="#">Activities 4</a></li>
        <li><a href="#">Activities 5</a></li>
        <li><a href="#">Activities 6</a></li>
        <li><a href="#">Activities 7</a></li>
        <li><a href="#">Activities 8</a></li>
    </ul>
    </li>
    <li><a href="#">Entertainment</a>
    <ul>
        <li><a href="#">Entertainment 1</a></li>
        <li><a href="#">Entertainment 2</a></li>
        <li><a href="#">Entertainment 3</a></li>
        <li><a href="#">Entertainment 4</a></li>
        <li><a href="#">Entertainment 5</a></li>
        <li><a href="#">Entertainment 6</a></li>
        <li><a href="#">Entertainment 7</a></li>
        <li><a href="#">Entertainment 8</a></li>
        <li><a href="#">Entertainment 9</a></li>
        <li><a href="#">Entertainment 10</a></li>
    </ul>
    </li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="#">Traveling</a>
    <ul>
        <li><a href="#">Traveling 1</a></li>
        <li><a href="#">Traveling 2</a></li>
        <li><a href="#">Traveling 3</a></li>
        <li><a href="#">North America</a>
        <ul>
            <li><a href="#">North America 1</a></li>
            <li><a href="#">North America 2</a></li>
            <li><a href="#">British Comlumbia</a>
            <ul>
                <li><a href="#">British Comlumbia 1</a></li>
                <li><a href="#">British Comlumbia 2</a></li>
                <li><a href="#">British Comlumbia 3</a></li>
                <li><a href="#">British Comlumbia 4</a></li>
                <li><a href="#">British Comlumbia 5</a></li>
            </ul>
            </li>
            <li><a href="#">North America 3</a></li>
            <li><a href="#">North America 4</a></li>
            <li><a href="#">North America 5</a></li>
        </ul>
        </li>
    </ul>
    </li>
    <li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
</ul>
</div>
<a rel="drillback-drillmenu1" href="#"><img style="border-width: 0pt; margin: 10px 0pt 10px 17px;" src="https://img.webme.com/pic/a/alimengu/backbutton.jpg" alt="" /></a>

Ben Kodlari İki Bölüme Ayirdim Fakat Siz İsterseniz İki kodu birlestirip Tek Bir Sayfada Kullanabilirsiniz

 
Bugün toplam 6 ziyaretçi sitemizi dolaştı.
http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aee37d99078ff98e1f31074c56421665b926a44a75
İçerik bölümünün altındaki bilgi (mesela Copyright)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol