网页右侧浮动导航

<!-- 导航 -->
<ul id="navi" class="hidden">
<li><a href="#news">XXXX</a></li>
<li><a href="#buys">XXXX</a></li>
<li><a href="#parts">XXXX</a></li>
<li><a href="#gifts">XXXX</a></li>
<li><a href="#rules">XXXX</a></li>
<li><a href="#top" id="top">XXXXX</a></li>

</ul>

#navi{background:url(/activity/newyear/images/navi.jpg) center no-repeat;width:110px;height:250px;position:fixed;_position:absolute;right:20px;top:200px;_top:expression(documentElement.scrollTop+200 + "px");}
#navi li{border-bottom:1px solid #5c0101;text-align:center;height:30px;padding-top:10px;}
#navi a{color:#fff;}
#navi a:hover{cursor: pointer;text-decoration:underline;}

function initUI() {
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
$('#navi').fadeIn();
} else {
$('#navi').fadeOut();
}
});
$("#top").click(function() {
$('body,html').animate({
scrollTop : 0
}, 100);
return false;
});
}