第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

我的代碼不知道為什么運行不了，用的jq庫是http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

$(document).ready(function(){
	$(window).scroll(function(){
		var?top?=?$(document).scrollTop();
		var?menu?=?$('#menu');
		var?items?=?$('#content').find('.item');
		var?currentId?=?'';
		items.each(function(){
			var?m?=?$(this);
			var?itemTop?=?m.offset().top;
			if?(top?>?itemTop)?{
				currentId?=?"#"+?m.attr("id");
			}else{
				return?false;
			}
		});
		var?currentLink?=?menu.find(".current");
		if(currentId?&&?currentLink.attr("href")?!=?currentId){
			currentLink.removeClass("current");
			menu.find("[href="+currentId+"]").addClass("current");
		}
	});
});


正在回答

3 回答

內(nèi)部。
這是把你的復(fù)制過來的全部代碼，包括JQ庫也是你說的那個

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="content-type" content="text/html" >

? ? <title>天狗購物網(wǎng)-網(wǎng)頁定位導(dǎo)航特效</title>

? ? <style>

? ? ? ? *{

? ? ? ? ? ? margin: 0;

? ? ? ? ? ? padding: 0;

? ? ? ? }

? ? ? ? body{

? ? ? ? ? ? font-size: 12px;

? ? ? ? ? ? line-height: 1.7;

? ? ? ? }

? ? ? ? li{

? ? ? ? ? ? list-style: none;

? ? ? ? }

? ? ? ? #content{

? ? ? ? ? ? width: 800px;

? ? ? ? ? ? margin: 0 auto;

? ? ? ? ? ? padding: 20px;

? ? ? ? }

? ? ? ? #content h1{

? ? ? ? ? ? color: #0088bb;

? ? ? ? }

? ? ? ? #content .item{

? ? ? ? ? ? padding: 20px;

? ? ? ? ? ? margin-bottom: 20px;

? ? ? ? ? ? border: 1px dotted #0088bb;

? ? ? ? }

? ? ? ? #content 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 li a{

? ? ? ? ? ? display: block;

? ? ? ? ? ? margin: 5px 0;

? ? ? ? ? ? font-size: 14px;

? ? ? ? ? ? color: #333;

? ? ? ? ? ? width: 80px;

? ? ? ? ? ? height: 50px;

? ? ? ? ? ? line-height: 50px;

? ? ? ? ? ? text-decoration: none;

? ? ? ? ? ? font-weight: bold;

? ? ? ? ? ? text-align: center;

? ? ? ? }

? ? ? ? #menu ul li a:hover,#menu ul li a.current{

? ? ? ? ? ? color: #fff;

? ? ? ? ? ? background-color: #0088bb;

? ? ? ? }

? ? </style>

? ? <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

? ? <script>

? ? ? ? $(document).ready(function(){

? ? ? ? ? ? $(window).scroll(function(){

? ? ? ? ? ? ? ? var top = $(document).scrollTop();

? ? ? ? ? ? ? ? var menu = $('#menu');

? ? ? ? ? ? ? ? var items = $('#content').find('.item');

? ? ? ? ? ? ? ? var currentId = '';

? ? ? ? ? ? ? ? items.each(function(){

? ? ? ? ? ? ? ? ? ? var m = $(this);

? ? ? ? ? ? ? ? ? ? var itemTop = m.offset().top;

? ? ? ? ? ? ? ? ? ? if (top > itemTop) {

? ? ? ? ? ? ? ? ? ? ? ? currentId = "#"+ m.attr("id");

? ? ? ? ? ? ? ? ? ? }else{

? ? ? ? ? ? ? ? ? ? ? ? return false;

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? });

? ? ? ? ? ? ? ? var currentLink = menu.find(".current");

? ? ? ? ? ? ? ? if(currentId && currentLink.attr("href") != currentId){

? ? ? ? ? ? ? ? ? ? currentLink.removeClass("current");

? ? ? ? ? ? ? ? ? ? menu.find("[href="+currentId+"]").addClass("current");

? ? ? ? ? ? ? ? }

? ? ? ? ? ? });

? ? ? ? });

? ? </script>

</head>

<body>

<div id="menu">

? ? <ul>

? ? ? ? <li><a href="#item1">1F 男裝</a></li>

? ? ? ? <li><a href="#item2">2F 女裝</a></li>

? ? ? ? <li><a href="#item3">3F 美妝</a></li>

? ? ? ? <li><a href="#item4">4F 數(shù)碼</a></li>

? ? ? ? <li><a href="#item5">5F 母嬰</a></li>

? ? </ul>

</div>

<div id="content">

? ? <h1>天狗購物網(wǎng)</h1>

? ? <div id="item1">

? ? ? ? <h2>1F 男裝</h2>

? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="1F.jpg" alt=""/></a></li>

? ? ? ? </ul>

? ? </div>

? ? <div id="item2">

? ? ? ? <h2>2F 女裝</h2>

? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="2F.jpg" alt=""/></a></li>

? ? ? ? </ul>

? ? </div>

? ? <div id="item3">

? ? ? ? <h2>3F 美妝</h2>

? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="3F.jpg" alt=""/></a></li>

? ? ? ? </ul>

? ? </div>

? ? <div id="item4">

? ? ? ? <h2>4F 數(shù)碼</h2>

? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="4F.png" alt=""/></a></li>

? ? ? ? </ul>

? ? </div>

? ? <div id="item5">

? ? ? ? <h2>5F 母嬰</h2>

? ? ? ? <ul>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? ? ? <li><a href="#"><img src="5F.jpg" alt=""/></a></li>

? ? ? ? </ul>

? ? </div>

</div>

</body>

</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

蒼白的尾巴 提問者

我找到了問題了，是menu,我設(shè)置的是class，結(jié)果調(diào)的時候攜程調(diào)id的了。不過還是謝謝你的幫助。
2016-07-22 回復(fù) 有任何疑惑可以回復(fù)我~ 
??menu.find("[href="+currentId+"]").addClass("current");

你這里出問題了，正確的是這樣的

??menu.find("[href='"+currentId+"']").addClass("current");

在currentId兩邊是需要單引號的。

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

我要成為前端大姐大

href='"+currentId+"'這個位置為什么要這么寫呢？？
2016-08-26 回復(fù) 有任何疑惑可以回復(fù)我~

代碼和JQ庫都沒有問題，這里if?(top?>?itemTop - 200)要這么寫，你再試試！

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

蒼白的尾巴 提問者

還是不行。應(yīng)該是什么原因？
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~
#2

磅礴 回復(fù) 蒼白的尾巴 提問者

我把你的這段jQuery代碼拷過來試了一下，我這邊完全可以運行。你看看是不是你別的地方有問題
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~
#3

蒼白的尾巴 提問者 回復(fù) 磅礴

你是外部調(diào)用還內(nèi)部？
2016-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

我的代碼不知道為什么運行不了，用的jq庫是http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號