mehmetduran.com - Paylaşmak Güzeldir...
Javascript ile Menü Effect
Bu yazımda javascript ile hazırlanan menu effect uygulamasına göz atacağız. İnternette gezinirken gördüğüm oldukça güzel ve görselliği artıran bir uygulama. Boyutu küçük olması nedeniyle de ayrı bir avantajı var. Bu güzel uygulamayı sizlerle paylaşmak istedim.

Öncelikle script dosyasının ve diğer dosyaların olduğu örneği buradan indirelim.

Daha sonra sayfamızın html kodlarına bakacak olursak:

<head>
  <title>Sliding Menu Effect</title>
  <link rel="stylesheet" type="text/css" href="style2.css" />
  <script type="text/javascript" src="script.js"></script>
</head>
<body onload="menuSlider.init('menu','slide')">
  <div class="menu">
    <ul id="menu">
      <li value="1">
        <a href="#">Anasayfa</a>
      </li>
      <li>
        <a href="#">Hakkımda</a>
      </li>
      <li>
        <a href="#">İletişim</a>
      </li>
      <li>
        <a href="#">Rss</a>
      </li>
      <li>
        <a href="#">Arşiv</a>
      </li>
      <li>
        <a href="#">Sitemap</a>
      </li>
    </ul>
    <div id="slide"></div>
  </div>
</body>


Görüldüğü gibi oldukça kolay ve görselliği artıran bir uygulama. "li" html tagında vermiş olduğumuz "value" değeri ile kayan kutunun durması gereken yeri belirliyoruz. Görüldüğü kodlarımız ile oynayarak daha büyük ya da daha güzel bir uygulama haline getirebiliriz.

Örnek ekran görüntüsü ise şöyle:

Javascript ile Menü Effect

Uygulamayı buradan görebilir, buradan da indirebilirsiniz.

İyi Çalışmalar!
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Dövme Portalı : Tattoocu.com - Site Tanıtımı Jquery ile Hazırladığım Slayt Uygulamam Onfocus ve Onblur ile Textboxları Zenginleştirme Asp.net ve Asp.net MVC'de Binary Olarak Dosya (Upload - Download) İşlemleri Jquery ile Tek Tek Kayan Alan Oluşturma ve Ajax ile Rss Okuma Örneği
Yorumlar
Yorum Yaz
RSS Yorum Takibi
Bu Yazı Hakkında Henüz Yorum Yapılmamış.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Gençken bilgi ağacını dikmesek, yaşlandığımız zaman gölgesine sığınacak bir yerimiz olmayacaktır.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009