JQuery 浮动导航栏

/* 浮动导航栏 Begin */

#floatMenu

{

padding-top: 5px;

background: url(http://img.jb51.net/images/quickmenu.gif) no-repeat;

border: 1px solid #dcdcdc;

position: absolute;

top: 250px;

left: 5px;

margin-left: 0px;

width: 86px;

}

#floatMenu ul

{

margin-left: 0px;

background-color:White;

list-style-type: none;

padding:10px

}

#floatMenu ul li a

{

display: block;

text-decoration: none;

color: #000;

}

#floatMenu ul li a:hover

{

color: #fff;

background-color: #ff8000;

}

#floatMenu ul.menu1 li a:hover

{

border-color: #09f;

}

/* 浮动导航栏 End */

/>

/>

/>

//

var name = "#floatMenu";

var menuYloc = null;

$(document).ready(function() {

menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px")))

$(window).scroll(function() {

offset = menuYloc + $(document).scrollTop() + "px";

$(name).animate({ top: offset }, { duration: 500, queue: false });

});

});

//]]>