Pages

Jumat, 06 Januari 2012

Cara Membuat Navigasi Efek Slide Out dengan jQuery

"Cara Membuat Navigasi Efek Slide Out dengan jQuery". Menu ini mempunyai efek slide yang sangat halus, saat kita mengarahkan pointer mouse (mouse hover) pada menu, maka menu akan bergeser keluar (slide out) secara perlahan dan akan kembali pada posisi semula jika kita menggeser mouse keluar dari area menu selain itu menu ini akan selalu dalam posisi tetap walau kita menggeser (scroll) halaman naik ataupun turun. Kita bisa saja menggunakan navigasi menu ini untuk berbagai keperluan, misal Sosial Bookmark dan lain sebagainya.



Cara Membuat Navigasi Efek Slide Out dengan jQuery :


klo pengen langsung aja deh ikuti cara membuatnya dibawah ini.
Cara Membuat Navigasi Efek Slide Out dengan jQuery
1. login blog
2. rancangan >> edit HTML (expan template widget)
3. lalu cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini diatas kode ]]></b:skin>


ul#menusisi {
position: fixed;
margin: 0px;
padding: 0px;
top: 50px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#menusisi li {
width: 100px;
}
ul#menusisi li a {
display: block;
Related Posts Plugin for WordPress, Blogger...