menu nempel di atas
—
Sunday, September 15, 2013
—
Add Comment
MENU TETAP NEMPEL DI ATAS
_______________________________________
<script>
$(function() {
// menentukan objek yang dijadikan menu melayang yaitu #topNav
var float_nav_offset_top = $('#topNav').offset().top;
var float_nav = function(){
var scroll_top = $(window).scrollTop(); // our current vertical position from the top
// kondisi jika halaman di scroll maka menu melayang diletakkan di posisi atas
if (scroll_top > float_nav_offset_top) {
$('#topNav').css({ 'position': 'fixed', 'top':0, 'left':0 });
} else {
$('#topNav').css({ 'position': 'relative' });
}
};
// menjalankan fungsi
float_nav();
$(window).scroll(function() {
float_nav();
});
});
</script>
</head>
<body>
<div id="halaman">
<div id="header">
<h1>www.zainalhakim.web.id</h1>
</div>
<div style="position: relative; top: 0px; left: 0px;" id="topNav">
<div id="menu">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Saya</a></li>
<li><a href="#">Kontak</a></li>
<li><a href="#">Buku Tamu</a></li>
</ul>
</div>
</div>
Tag : Footer drop down auto
Menu pupup
Footer ZEPmenu
Menu nempel kanan
Share button
Menu nempel atas terus
Login php
Bikin website dengan hosting gratis
Template web php untuk bisnis online
0 Response to "menu nempel di atas"