<div class="codetitle"> <span><a style="CURSOR: pointer" data="49238" class="copybut" id="copybut49238" onclick="doCopy('code49238')"><u>复代码码</u></a></span> 代码如下:</div> <div class="codebody" id="code49238"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- <BR>transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><머리> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br><title>JQuery 浮动导航栏</title> <br><script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <br><style type="text/css"> <br>/* 浮动导航栏 시작 */ <br>#floatMenu <br>{ <br>padding-top: 5px; <br>배경: url(http://img.jb51.net/images/quickmenu.gif) no-repeat; <br>테두리: 1px 단색 #dcdcdc; <br>위치: 절대; <br>상단: 250px; <br>왼쪽: 5px; <br>왼쪽 여백: 0px; <br>너비: 86px; <br>} <br>#floatMenu ul <br>{ <br>margin-left: 0px; <br>배경색:흰색; <br>목록 스타일 유형: 없음; <br>패딩:10px <br><br>} <br>#floatMenu ul li a <br>{ <br>디스플레이: 블록; <br>텍스트 장식: 없음; <br>색상: #000; <br>} <br>#floatMenu ul li a:hover <br>{ <br>color: #fff; <br>배경색: #ff8000; <br>} <br>#floatMenu ul.menu1 li a:hover <br>{ <br>border-color: #09f; <br>} <br>/* 浮动导航栏 끝 */ <br></style> <br></head> <br><본문> <br><div id="floatMenu"> <br><ul class="menu1"> <br><li><a href="#" onclick="return false;">홈</a></li> <br><li><a href="#" onclick="return false;">회사 소개</a></li> <br><li><a href="#" onclick="return false;">제품</a></li> <br><li><a href="#" onclick="return false;">연락처></li> <br></ul> <br></div> <br><br><br><br><br><br><br><br><br><br><br> ;<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>< br /><br /><br /><br /><br /><br /><br <BR>/><br /><br />< ;br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br <BR>/><br /> <br><script type="text/javascript"> <br>//<![CDATA[ <BR>var name = "#floatMenu"; <BR>var menuYloc = null; <BR>$(document).ready(function() { <BR>menuYloc =parseInt($(name).css("top").substring(0, $(name).css("top").indexOf ("px"))) <BR>$(window).scroll(function() { <BR>offset = menuYloc $(document).scrollTop() "px"; <BR>$(name).animate({ 상단: 오프셋 }, { 기간: 500, 대기열: false }) <BR>}) <BR>}); <BR>//]]> <br></script> <br></body> <br></html><br> </div>