左边点击一个连接，然后右边上下两块都同时会页面跳转代码,Css代码库,德仔网

代码语言

代码分类

【Css】左边点击一个连接，然后右边上下两块都同时会页面跳转

作者: / 发布于2016/2/15/ 715

主iframe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<frameset rows="*" cols="80,*" frameborder="yes" border="1" framespacing="0">
  <frame src="1.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frameset rows="80,*" frameborder="yes" border="1" framespacing="0">
    <frame src="2.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
    <frame src="3.html" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>

1.html中代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
<script type="text/javascript">
function jumplink(){
    window.parent.frames['topFrame'].location='22.html';
    window.parent.frames['mainFrame'].location='33.html';
    return false;
}
</script>
<a onclick="jumplink()" href="#">link</a>
</body>
</html>

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label