Ali Mengü | Kişisel Web Sayfasi

link menu

Açiklama;
Kullanişli Bir Açilir Menu.Özeliği Dış görünüşü sade bir link gibi görünür fakat imlec ile üzerine gelindiğinde alt menuler açılır.Yazı yerine resim linki koymayi deneyiniz.Daha güzel menuler yapabilirsiniz.
Demo

Link 1

Link 2

• Item 1a
• Item 2a
• Item Folder 3a
  • Sub Item 3.1a
  • Sub Item 3.2a
  • Sub Item 3.3a
  • Sub Item 3.4a
• Item 4a
• Item Folder 5a
  • Sub Item 5.1a
  • Item Folder 5.2a
    • Sub Item 5.2.1a
    • Sub Item 5.2.2a
    • Sub Item 5.2.3a
    • Sub Item 5.2.4a
• Item 6a

• Dynamic Drive
• CSS Drive
• JavaScript Kit
• Coding Forums
• DOM Reference

Kodlar;
<link rel="stylesheet" type="text/css" href="http://img52.xooimage.com/files/4/c/7/popupmenu-26391bc.css" />  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript" src="http://img53.xooimage.com/files/6/4/2/popupmenu-26391af.js">

/***********************************************
* Flex Level Popup Menu- (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 Kodu AliMengü.tr.gg Sitesi Düzenlemiştir.
***********************************************/

</script>
Yukaridaki Kodu Menulerden birini seçtikten sonra Menu kodunun hemen üstünde veya tasarim üstü kısmına İllaki Eklemeniz Gerekmektedir.

İlk Menu
<p style="text-align: left;"><a href="http://www.alimengu.tr.gg" data-popupmenu="popmenu1">Dynamic Drive</a></p>
<!--HTML for popup Menu 1-->
<ul class="jqpopupmenu" id="popmenu1">
    <li><a href="#">Item 1a</a></li>
    <li><a href="#">Item 2a</a></li>
    <li><a href="#">Item Folder 3a</a>
    <ul>
        <li><a href="#">Sub Item 3.1a</a></li>
        <li><a href="#">Sub Item 3.2a</a></li>
        <li><a href="#">Sub Item 3.3a</a></li>
        <li><a href="#">Sub Item 3.4a</a></li>
    </ul>
    </li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
    <ul>
        <li><a href="#">Sub Item 5.1a</a></li>
        <li><a href="#">Item Folder 5.2a</a>
        <ul>
            <li><a href="#">Sub Item 5.2.1a</a></li>
            <li><a href="#">Sub Item 5.2.2a</a></li>
            <li><a href="#">Sub Item 5.2.3a</a></li>
            <li><a href="#">Sub Item 5.2.4a</a></li>
        </ul>
        </li>
    </ul>
    </li>
    <li><a href="#">Item 6a</a></li>
</ul>
MENU 2
<p style="text-align: left;"><a href="http://www.alimengu.tr.gg" data-popupmenu="popmenu2">Webmaster Resources</a></p>
<!--HTML for popup Menu 2-->
<ul class="jqpopupmenu" id="popmenu2">
    <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
    <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
    <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
    <li><a href="http://www.codingforums.com">Coding Forums</a></li>
    <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>