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!
Mehmet Duran 06 Kasım Perşembe 2008 0 15184 5,0
Javascript Web Tasarım Tasarım-Görsellik Site Araçları İnternet İndir
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Learning Asp.net 3.5 (E-Book) Jquery ile Basit Birkaç Örnek Uygulama (Karakter Saydırma) Jquery ile Saydamlık(Opacity) Kullanarak Menü Hazırlama Beginning C Sharp 2008 (E-Book) jQuery ile 'Yukarı Çık' Uygulaması
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.
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