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 21287 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 ile Tab Şeklinde Menü Hazırlama Javascript ile Manşet Yapımı Asp.net ile Resim Üzerine Çoklu Yazı Yazma (Generic Handler ile de Gösterme) Ücretsiz Site Araçları Jquery ile Accordion Menü - Alan Hazırlama
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