两个iframe之间实现锚点功能
- <p><a name="A1">a> 1、《热爱生命》p>
- <pre name="code" class="html"><a href="#A1">1、《热爱生命》a><br/>
添加个属性target="left"即4、《倘若才华得不到承认》
便可实现。
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>主页面title>
- <style type="text/css">
- #page2{
- width: 150px;
- height: auto;
- position: fixed;
- right: 10px;
- top: 30%;
- }
- style>
- head>
- <body>
- <div id="page1">
- <iframe name="left" src="b.html" height="1024px;" width="900px;">iframe>
- div>
- <div id="page2">
- <iframe src="c.html">iframe>
- div>
- body>
- html>
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>内容页title>
- <style type="text/css">
- #nav{
- width: 150px;
- height: auto;
- position: fixed;
- right: 10px;
- top: 20px;
- }
- style>
- head>
- <body>
- <p>汪国真诗集p>
- <p><a name="A1">a> 1、《热爱生命》p>
- <p> 我不去想是否能够成功p>
- <p> 既然选择了远方p>
- <p> 便只顾风雨兼程p>
- <p> 我不去想能否赢得爱情p>
- <p> 既然钟情于玫瑰p>
- <p> 就勇敢地吐露真诚p>
- <p> 我不去想身后会不会袭来寒风冷雨p>
- <p> 既然目标是地平线p>
- <p> 留给世界的只能是背影p>
- <p> 我不去想未来是平坦还是泥泞p>
- <p> 只要热爱生命p>
- <p> 一切，都在意料之中p>
- <p><a name="A2">a> 2、《如果生活不够慷慨》p>
- <p> 如果生活不够慷慨p>
- <p> 我们也不必回报吝啬p>
- <p> 何必要细细的盘算p>
- <p> 付出和得到的必须一般多p>
- <p> 如果能够大方p>
- <p> 何必显得猥琐p>
- <p> 如果能够潇洒p>
- <p> 何必选择寂寞p>
- <p> 获得是一种满足p>
- <p> 给予是一种快乐p>
- <p><a id="A3" name="A3">a> 3、《我微笑着走向生活》p>
- <p> 我微笑着走向生活，p>
- <p> 无论生活以什么方式回敬我。p>
- <p> 报我以平坦吗？p>
- <p> 我是一条欢乐奔流的小河。p>
- <p> 报我以崎岖吗？p>
- <p> 我是一座大山庄严地思索！p>
- <p> 报我以幸福吗？p>
- <p> 我是一只凌空飞翔的燕子。p>
- <p> 报我以不幸吗？p>
- <p> 我是一根劲竹经得起千击万磨！p>
- <p> 生活里不能没有笑声，p>
- <p> 没有笑声的世界该是多么寂寞。p>
- <p> 什么也改变不了我对生活的热爱，p>
- <p> 我微笑着走向火热的生活！p>
- <p><a name="A4">a> 4、《倘若才华得不到承认》p>
- <p> 倘若才华得不到承认p>
- <p> 与其诅咒 不如坚忍p>
- <p> 在坚忍中积蓄力量p>
- <p> 默默耕耘p>
- <p> 诅咒 无济于事p>
- <p> 只能让原来的光芒黯淡p>
- <p> 在变得黯淡的光芒中p>
- <p> 沦丧的更有 大树的精神p>
- <p> 飘来的是云p>
- <p> 飘去的也是云p>
- <p> 既然今天p>
- <p> 没人识得星星一颗p>
- <p> 那么明日p>
- <p> 何妨做皓月一轮p>
- <p> 5、《假如你不够快乐》p>
- <p> 假如你不够快乐p>
- <p> 也不要把眉头深锁p>
- <p> 人生本来短暂p>
- <p> 为什么 还要栽培苦涩p>
- <p> 打开尘封的门窗p>
- <p> 让阳光雨露洒遍每个角落p>
- <p> 走向生命的原野p>
- <p> 让风儿熨平前额p>
- <p> 博大可以稀释忧愁p>
- <p> 深色能够覆盖浅色p>
- <p> 6、《跨越自己》p>
- <p> 我们可以欺瞒别人p>
- <p> 却无法欺瞒自己p>
- <p> 当我们走向枝繁叶茂的五月p>
- <p> 青春就不再是一个谜p>
- <p> 向上的路p>
- <p> 总是坎坷又崎岖p>
- <p> 要永远保持最初的浪漫p>
- <p> 真是不容易p>
- <p> 有人悲哀p>
- <p> 有人欣喜p>
- <p> 当我们跨越了一座高山p>
- <p> 也就跨越了一个真实的自己p>
- <p> 7、《挡不住的青春》p>
- <p> 曾经有过那么多的惆怅，p>
- <p> 想起往往令人断肠，p>
- <p> 我不知道我的追求在何方，p>
- <p> 问风问雨问大地，p>
- <p> 却没有点回想。p>
- <p> 岁月无声的流淌，p>
- <p> 可是有谁愿意总是迷惘？p>
- <p> 我要飞翔，p>
- <p> 那么有没有人为我鼓掌？p>
- <p> 我用生命和热血铺路，p>
- <p> 没有一个季节能把青春阻挡！p>
- body>
- html>
- >
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>导航页title>
- head>
- <body>
- <a href="b.html#A1">1、《热爱生命》a><br/>
- <a href="b.html#A2" target="left">2、《如果生活不够慷慨》a><br/>
- <a href="b.html#A3" target="left">3、《我微笑着走向生活》a><br/>
- <a href="b.html#A4" target="left">4、《倘若才华得不到承认》a><br/>
- body>
- html>
转自：http://blog.csdn.net/stormkai/article/details/42983999
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！