H5 分帧(frameset) 使用分帧写一个页面,可以实现点击联动效果
需要两个文件:
文件3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="https://weibo.com/" target="a"><font color="black">微  博</font></a><br/>
<a href="http://tejia.aili.com/temai/" target="a" name="特价"><font color="black">今日特价</font></a><br/>
<a href="http://kan.2345.com/" target="a" name="电视剧"><font color="black">电视剧</font></a><br/>
<a href="https://ju.taobao.com/?ali_trackid=2:mm_33793785_3431230_70732360:1539605098_115_583908894" target="a"><font color="black">聚划算</font></a><br/>
<a href="https://www.tmall.com/?ali_trackid=2:mm_26632324_6844396_70732504:1539605119_141_42020766" target="a"><font color="black">天猫</font></a>
<a href="https://jx.tmall.com/?ali_trackid=2:mm_26632324_6844396_25190451:1539605147_123_87761644" target="a">·<font size="1" color="black">服饰尚新</font></a><br/>
<a href="http://www.cctv.com/" target="a"><font color="black">央视网</font></a><br/>
<a href="http://www.ctrip.com/" target="a"><font color="black">携程旅行网</font></a><br/>
<a href="https://www.suning.com/?utm_source=2345&utm_medium=mingzhan" target="a"><font color="black">苏宁易购</font></a><br/>
</body>
</html>
文件二:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<frameset cols="300, *" >
<frame src="文件3.html"/>
<frameset rows="100%,*">
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
<frame name="a"/>
</frameset>
</frameset>
</html>
效果:点击左边导航的网页,右边分帧页面出现具体网址,点击下一个直接覆盖上一个页面