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 Asp.net ile Arşiv Bölümü Hazırlama - Örnek Uygulama Jquery ile Değişir Alan Yapımı (Güncelleme) Asp.net ve MySql ile Üyelik (MemberShip) Sistemini Kullanma Asp.net'te Dinamik Olarak Sayfaya Css - Javascript Dosyaları Yükleme Asp.net MVC Cheat Sheets
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.
Hizmet amaçlı işler başarıya, kar amaçlı olanlar ise başarısızlığa yöneliktir.
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