-
哪里不對(duì)啊?沒(méi)有反應(yīng)啊： $(document).ready(function(){ $(window).scroll(function(){ var top = $(document).scrollTop(); var menu = $("#menu"); var items = $("#content").find(".item"); var currentId = ""; items.each(function(){ var t = $(this); if(top > t.offset().top-300){ currentId = "#" + t.attr("id"); }else{ return false; } }); var currentLink = menu.find(".current"); if(currentId && currentId.attr("href")!=currentId){ currentLink.removeClass(".current"); menu.find('[href='+currentId+']').addClass("current"); } }); });查看全部
-
jQuery的offset()方法會(huì)返回一個(gè)對(duì)象，包含top和left屬性。查看全部
-
全部：查看全部
-
jquery 頁(yè)面：itemtop-200像素： <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>查看全部
-
描點(diǎn)鏈接用id 與 href ,name在html5已經(jīng)取消了查看全部
-
current 的class 為焦點(diǎn)時(shí)： #menu ul li a:hover, #menu ul li a .current{ color:#fff; background-color:#0088bb; }查看全部
-
css2 :查看全部
-
css1: *{padding:0; margin:0;} body{ font-size:12px; line-height:1.7; } li{list-style:none;} #content{ width:800px; margin:0 auto; padding:20px; } #content h1{ color:#224444; } #content .item{ padding:20px; margin-bottom:20px; border:1px solid #269ABC; } #content .item h2{ font-size:16px; font-weight:bold; border-bottom:2px solid #0088bb; margin-bottom:10px; } #content .item li{ display:inline; margin-right:10px; } #content .item li a img{ width:230px; height:230px; border:none; } #menu{ position:fixed; top:100px; left:50%; margin-left:400px; width:80px; } #menu ul li a{ display:block; margin:5px 0; font-size:14px; font-weight:bold; color:#ccc; width:88px; height:50px; line-height:50px; text-decoration:none; text-align:center; } #menu ul li a:hover, #menu ul li a .current{ color:#fff; background-color:#0088bb; }查看全部
-
html :alt 用鼠標(biāo)豎向選擇 <div id="menu"> <ul> <li><a href="#" class="current">1F 女裝</a></li> <li><a href="#">2F 男裝</a></li> <li><a href="#">3F 母嬰</a></li> <li><a href="#">4F 數(shù)碼</a></li> <li><a href="#">5F 美妝</a></li> </ul> </div> <div id="content"> <h1>地購(gòu)購(gòu)物</h1> <div id="item1" class="item"> <h1>1F 女裝</h1> <ul> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> <li><a href="#"><img src="../img/JM.ico" alt=""/></a></li> </ul> </div> <div id="item2" class="item"> <h1>2F 男裝</h1> <ul> <li><a href="#"><img src="../img/1H.ico" alt=""/></a></li> <li><a href="#"><img src="../img/1H.ico" alt=""/></a></li>查看全部
-
特效技術(shù)點(diǎn)查看全部
-
特效技術(shù)點(diǎn)：查看全部
-
特效設(shè)計(jì)：查看全部
-
網(wǎng)頁(yè)定位導(dǎo)航特效中，導(dǎo)航條和滾動(dòng)條之間的關(guān)系是： 導(dǎo)航條隨著滾動(dòng)條的滾動(dòng)改變焦點(diǎn)，其實(shí)就是給相應(yīng)的項(xiàng)目增加樣式，這是這個(gè)特效的難點(diǎn)。查看全部
-
分析-設(shè)計(jì)-實(shí)現(xiàn)"這是解決問(wèn)題的一般流程。查看全部
-
滾動(dòng)條到上面的距離 與 內(nèi)容自身的高度距離上面的offsetTop高度查看全部
舉報(bào)
0/150
提交
取消