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