實現類似于這種效果：

思路：

1、通過獲取點擊部分的index然后作為參數加在a標簽的url最后。

2、在跳轉后的頁面通過判斷參數，來實現點擊部分由原來的位置變換到首位。

代碼：

html代碼：

<div class="div1"><ul class="nav" id="nav"><li class="active"><a href="index1.html">首頁</a></li><li><a href="index2.html">對象</a></li><li><a href="index3.html">場合</a></li></ul> </div>

js代碼：

window.οnlοad=function(){//獲取url中的參數function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象var r = window.location.search.substr(1).match(reg); //匹配目標參數if (r != null) return unescape(r[2]); return null; //返回參數值}var index=getUrlParam("id");$("#nav li:eq(0)").removeClass("active");$("#nav li:eq("+index+")").prependTo($("#nav")); // $("#nav li:eq(2)").remove(); $("#nav li:eq(0)").addClass("active");$("#nav li:eq(0)").siblings().removeClass("active");}$("#nav li").click(function(){//alert($(this).children("a").attr("href")+"?id="+$(this).index()); //在點擊的a標簽的url后面加參window.open($(this).children("a").attr("href")+"?id="+$(this).index());});

　　

　

?

轉載于:https://www.cnblogs.com/formybestlife/p/6994233.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的jq实现点击导航栏中的任意一个跳转后被点击的定位到第一个的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。