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.
Mehmet Duran 04 Kasım Salı 2008 1 21720 5,0
Javascript Web Tasarım Tasarım-Görsellik Site Araçları Html İndir
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar jQuery Ajax İşlemlerinde Parametre Olarak Nesne Taşıma Asp.net ile Dinamik Menü Hazırlama Veritabanı İlişkisi ile Accordion Menü Oluşturma Jquery'nin 1.3 Versiyonu Yayınlandı jQuery Ajax ile Arama Merkezi (Uygulamam)
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.
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