0 Cool Animated Navigation with CSS and jQuery

Animasi  visual adalah cara yang bagus untuk membantu pengguna dalam menjelajahi dan berinteraksi dengan situs web didukung dengan navigasi yang indah. Hari ini dengan keajaiban javascript kita bisa menghindari flash sama sekali. Hari ini kita akan membangun sebuah animasi menu navigasi benar-benar keren dengan hanya menggunakan CSS dan jQuery. dari trik-pemula dan jika tidak suka jangan menggunakannya

 

TULISAN BERUPA LINK URL SILAHKAN UBAH URL SESUAI DIFOLDER MANA ANDA MENYIMPAN FILE CSS DAN JAVASCRIPT.

TULISAN HOME, ABOUT, SERVICES , SOLUTIONS JUGA DAPAT DIRUBAH SESUAI KEINGINAN

HASIL DI HTML : 

 

<link rel="stylesheet" href="main.css" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-bp.js"></script>
<script type="text/javascript" src="navigation.js"></script>
<div id="header">
</div>
<div id="navigation" class="container">
 <div id="home">
  <a href="home">home</a>
 </div>
 <div id="about">
  <a href="about">about</a>
 </div>
 <div id="services">
  <a href="services">services</a>
 </div>
 <div id="solutions">
  <a href="solutions">solutions</a>
 </div>
 <div id="contact">
  <a href="contact">contact</a>
 </div>
</div>
<div class="container">
 <div class="content">
  <div id="content-title">
  </div>
 </div>
</div

INI DIA FILE - NYA ,
buka dan lihat

1. Main.CSS | open
2. Jquery.JS | open
3. Jquery-bp.JS | open
4. Navigation.JS | open


SEKIAN CSS MENU DARI KAMI ..

DOWNLOAD | DEMO

 

TERIMAKASIH :-)