HTML上个网页选项跳转到另一个页面对应的
这样图1中的是第一个页面中的内容当我点击其中一项的时候会跳转到另一个页面就是图2这个，我想做到的效果是这样，当我点击图1中第一个的时候，跳转到图2后会锁定到001这个项，...
这样 图1中的是第一个页面中的内容 当我点击其中一项的时候会跳转到另一个页面就是图2这个，我想做到的效果是这样，当我点击图1中 第一个的时候 ，跳转到图2后会锁定到001这个项，当我点击图1中 第二个的时候 ，跳转到图2后会锁定到002这个项，
展开
1个回答
展开全部
给你思路，刚刚写了两个简单的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®">
<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®">
<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判断去做。网上搜索一大把，多多练习思路吧。
补充：好想带一个我们公司的小尾巴啊~实惠家装·香瑞装饰技术员为您解答。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
