FlashyNav – Flash benzeri nasigasyon tasarımı

0
204
views

flashyNav

Flash benzeri site menülerini azçok bilirsiniz. Mouse linklerin üzerine geldiği anda linklerin bulunduğu arkaplan çerçevesi içinde başka bir renkte çerçeve hareket  eder ve mouseyi tekrar geri çektiğinizde yada başka bir linkin üzerine geldiğiniz anda arkaplan tekrar kayar ve eski haline gelir.

Brandammo  tarafından geliştirilmiş  jQuery flashyNav uygulaması ile flash benzeri mouse üzerine gelince arkaplanı kayan dikey yada yatay menü örnekleri hazırlayabilirsiniz. Demo sayfasında 3 tane dikey  kayan animasyonlu menü örneği bulunuyor. Örneklerin hepsini birbirine benziyor ama  bunları birbirinden ayıran tek özellik animasyonlarının hareket hızı ve davranışları. jQuery Easing uygulaamsı ile beraber  kullanıldığı için her demoya farklı easing değerleri eklenmiş. Bu sayede kayan arkaplan renklerinin hareketleri ve hızları da birbirinden farklı oluyor. 

Kullanım

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

Js  dosya  adresleri : 

 JavaScript : 

 Css : 

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

Html : 

 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikBasit bir akordeon tasarımı
Sonraki İçerikGrey horizontal navigation
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here