<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>/* 浮動导航栏 Begin */ <br>#floatMenu <br>{ <br>padding-top: 5px; <br>背景: URL(http://img.jb51.net/images/quickmenu.gif) 繰り返しなし; <br>ボーダー: 1px ソリッド #dcdcdc; <br>位置: 絶対。 <br>トップ: 250ピクセル; <br>左: 5px; <br>マージン左: 0px; <br>幅: 86px; <br>} <br>#floatMenu ul <br>{ <br>margin-left: 0px; <br>背景色:白; <br>リストスタイルタイプ: なし; <br>padding:10px <br><br>} <br>#floatMenu ul li a <br>{ <br>display: block; <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>/* 浮動导航栏 End */ <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;">連絡先</a></li> <br> <br> </div> <br><br /><br /><br /><br /><br /><br /><br /><br /> ;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br /><br />gt;<br /><br /> ;br />gt;<br /><br <BR>/>gt;<br />gt;<br />gt;<br /><br /><br /><br /> <br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br /><br /> br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br <BR>/><br />gt;<br /><br /> ;br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br /><br /><br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br />gt;<br /><BR>/><br> <br><script type="text/javascript"> <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></script> <br></body> <br></html><br><br>
