menuFlip.js

0
189
views

flip

menuFlip uygulaması döndürülebilir  menü örnekleri kullanabilmeniz  için Garrett Grimm tarafından geliştirilmiş  bir eklentidir. menuFlip uygulamasını çalışmalarınıza eklediğiniz  anda göz alıcı bir  animasyona sahip olursunuz. Normalde mouse üzerine geldiğinde renk değiştiren menüler menuFlip  ile birleştirildikten sonra mouse üzerine geldiğinde ise adeta  üç boyutluymuş gibi alttan yukarı doğru kayarak renk değiştirir.

Anlatım için hazırladığım menü örneği  o kadarda  mükemmel bir görüntüye sahip değil. Aslında sadece  göstermek amaçlı  birkaç tane renk denedim menü üstünde. Siz kendi  sitenize  göre renkleri değiştirirsiniz. Bunun dışında jquery.menuFlip.js dosyasında değişiklik yapmanız gereken birkaç bölüm bulunuyor. Bunlar dışında yapmanız gereken değişiklikleri css kodlar üzerinden yapabilirsiniz.

  •  ‘li_height’ : ’55px’ > Yukarı çıkacak bölümün yüksekliği.
  • ‘flip_speed’ : 150 > Yukarı çıkacak bölümün hızı.
  • ‘flipped_class’ : ‘flipped_item’ > Eklentinin uygulanacağı nesne.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresleri : 

 JavaScript : 

 Css : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

CEVAP VER

Please enter your comment!
Please enter your name here