mehmetduran.com - Paylaşmak Güzeldir...
Javascript ile Slide Menü
Javascript ile hazırlanmış oldukça güzel bir slide menü uygulaması. Sitelerimizde kullanabileceğimiz, boyutu çok az olan güzel bir script. Bu script ile çok daha şık çok daha görsel uygulamalar geliştirebiliriz. Bu uygulama için yapmamız gerekenlere bakalım.

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

Dosyaları indirdikten sonra html kodlamamız şöyle olacak:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Slide Menü</title>
    <link rel="stylesheet" type="text/css" href="slidemenu.css" />
    <script type="text/javascript" src="slidemenu.js"></script>
  </head>
  <body onload="slideMenu.build('sm',200,10,10,1)">
    <ul id="sm" class="sm">
      <li>
        <img src="images/1.gif" alt="" />
      </li>
      <li>
        <img src="images/2.gif" alt="" />
      </li>
      <li>
        <img src="images/3.gif" alt="" />
      </li>
      <li>
        <img src="images/4.gif" alt="" />
      </li>
    </ul>
  </body>
</html>

Kodlarımız bu kadar ve menü sayısının istediğimiz kadar artırabilir veya azaltabiliriz. Ayrıca menüde background olarak resimler kullanılmıştır. Bu resimleri değiştirerek kendimize daha şık resimler hazırlayabiliriz. Uygulamamnın örnek görüntüsü şöyle:

Javascript ile Slide Menü

Örnek uygulamayı buradan görebilirsiniz.
Örneği ise buradan indirebilirsiniz.

İyi Çalışmalar!

Örnek ve script kodları buradan alınmıştır.
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar jQuery Ajax ile Dropdown Etkileşimleri (Eklenti ile) Jquery ile Treeview Uygulamam Linq for Visual C# 2008 (E-Book) Object Oriented Javascript (E-Book) Asp.net ile Resim Üzerine Yazı Yazma
Yorumlar
Yorum Yaz
RSS Yorum Takibi
sinan ozkan 05 Kasım Çarşamba 2008 22:03 #1
mehmet emegine saglık cok güzel bunların altına bide alt menu koysak tmm süperdir saolasın bizimle paylastıgın icin:)
İ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.
Ne edersen kendine, edersin kendi kendine.
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