HTML上个网页选项跳转到另一个页面对应的

这样 图1中的是第一个页面中的内容 当我点击其中一项的时候会跳转到另一个页面就是图2这个,我想做到的效果是这样,当我点击图1中 第一个的时候 ,跳转到图2后会锁定到001这个项,当我点击图1中 第二个的时候 ,跳转到图2后会锁定到002这个项,

给你思路,刚刚写了两个简单的demo,用到的思路①一个是锚链接定位②js判断url中#后面的锚标记,定向改变div的样式。代码如下,从a页面点击跳转到b页面时,b中的div颜色发生改变。

a.html
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus&#174;">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>a</title>
 </head>
 <body>
  <a style="width:800px;height:900px;background:red;display:inline-block;"  href="b.html#dddd">hh</a>
  <a style="width:800px;height:900px;background:yellow;display:block;" href="b.html#c">ff</a>
 </body>
</html>

b.html
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus&#174;">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>b</title>
 </head>
 <body>
  <a style="width:800px;height:900px;background:red;display:block;"  id="c"></a>
  <a style="width:800px;height:900px;background:yellow;display:block;" id="dddd">jjj</a>
  <script>
 var drap=window.location.hash.split("#")[1];
 var css=document.getElementById(drap);
 css.style.backgroundColor="blue";
  </script>
 </body>
</html>

说明:b中两个div原本颜色是一个红色一个黄色,当从a页面的 hh链接点进来时,打开的b页面id="dddd"的颜色变为蓝色。当然这是基本思路,你还需要完善的是,如何让其中一个变色,另外一个撤销样式,这个也是用js判断去做。网上搜索一大把,多多练习思路吧。

补充:好想带一个我们公司的小尾巴啊~实惠家装·香瑞装饰技术员为您解答。

温馨提示:答案为网友推荐,仅供参考