bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

實現頁內跳轉定位到某個ID

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

安多網站制作公司哪家好，找創新互聯！從網頁設計、網站建設、微信開發、APP開發、響應式網站等網站項目制作，到程序開發，運營維護。創新互聯成立于2013年到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="jq.js"></script>

<script type="text/javascript">

function goTotop(obj){

var _targetTop = $('#'+obj).offset().top;//獲取位置

jQuery("html,body").animate({scrollTop:_targetTop},300);//跳轉

}

</script>

<title>實現頁內跳轉定位到某個ID</title>

<style type="text/css">

#content {margin:0 auto;width:1000px;}

#content .box01_con {height:38px;margin:15px 0;}

#content .box01_con .menu {float:left;margin-top:8px;overflow:hidden;}

#content .box01_con .menu li {float:left;margin-right:28px;list-style-type:none;}

#content .box01_con .menu li a {color:#282828;display:block;font-size:14px;height:16px;line-height:16px;padding-left:26px;}

.box04_con {margin-top:0px;height:300px;border-top:5px solid #ccc;font-weight:bold;}

</style>

</head>

<body>

<div id="content">

     <div class="box01_con">

      <ul class="menu">

      <li><a href="javascript:void(0)" onclick="goTotop('xwbg')">跳轉測試一</a></li>

  <li><a href="javascript:void(0)" onclick="goTotop('xcshow')"><b>測試二</a></li>

  <li><a href="javascript:void(0)" onclick="goTotop('wdy')">跳轉測試三</a></li>

  <li><a href="javascript:void(0)" onclick="goTotop('mv')"><跳轉測試四</a></li>

  <li><a href="javascript:void(0)" onclick="goTotop('dsy')">跳轉測試五</a></li>

  </ul>

 </div>

 <div class="box04_con" id="xwbg"><h4>跳轉測試一</h4></div>

 <div class="box04_con" id="xcshow" ><h4>跳轉測試二</h4></div>

 <div class="box04_con" id="wdy"><h4>跳轉測試三</h4></div>

 <div class="box04_con" id="mv"><h4>跳轉測試四</h4></div>

 <div class="box04_con" id="dsy"><h4>跳轉測試五</h4></div>

</div>

<div >ddd</div>

<a href="javascript:void(0)" onclick="goTotop('xcshow')">跳轉測試一</a>

<!--

相關資料

http://www.dbpoo.com/js-anchor-name-id/

http://blog.csdn.net/huaishuming/article/details/8951504

-->

</body>

</html>

分享標題：實現頁內跳轉定位到某個ID
新聞來源：http://vcdvsql.cn/article22/pehgcc.html

成都網站建設公司_創新互聯，為您提供網站維護、用戶體驗、微信小程序、網站內鏈、App設計、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

小程序開發