超链接伪类(部分页面跳转)

来源:互联网 发布:网络教育学历国家承认 编辑:程序博客网 时间:2024/05/22 08:30


14.整个页面分成几个部分,点击时只是其中一部分页面跳转

如上图点击第四个页面时,只有第四个页面的区域跳转。另外两个区域保持不变。


一共有五个.html(分别是首页home.html,首页分为上下两个页面,上面是占20%01.html,下面是占剩下80%02.html。然后再从下面02.html里面分左边20%03.html,右边占剩下80%的为04.html)

 

Home.html:(首页去掉body双标签)

<frameset rows="20%,*">

    <frame src="01.html"></frame>

    <frame src="02.html"></frame>

</frameset>

 

01.Html:

<body>

    我是第一个页面

</body>

 

02.Html:

<frameset cols="20%,*">

<frame src="03.html"></frame>

<frame src="04.html"></frame>

</frameset>

 

03.html:

<body>

第三个页面

</body>

 

04.html:

<body>

<a href="http://www.baidu.com" target="_self">第四个页面</a>

</body>

另外超链接属性target:

frameset:当前页面嵌入其他页面进行展示

不能和body标签一起用

_self(只有第四个页面跳转)  _blank(全部所有的页面跟着一起跳转)  _parent(只是父页面进行跳转,这里的父页面是02.html,也就是说整个页面的下面80%  _top(整个页面进行跳转)

 




14.整个页面分成几个部分,点击时只是其中一部分页面跳转

如上图点击第四个页面时,只有第四个页面的区域跳转。另外两个区域保持不变。


一共有五个.html(分别是首页home.html,首页分为上下两个页面,上面是占20%01.html,下面是占剩下80%02.html。然后再从下面02.html里面分左边20%03.html,右边占剩下80%的为04.html)

 

Home.html:(首页去掉body双标签)

<frameset rows="20%,*">

    <frame src="01.html"></frame>

    <frame src="02.html"></frame>

</frameset>

 

01.Html:

<body>

    我是第一个页面

</body>

 

02.Html:

<frameset cols="20%,*">

<frame src="03.html"></frame>

<frame src="04.html"></frame>

</frameset>

 

03.html:

<body>

第三个页面

</body>

 

04.html:

<body>

<a href="http://www.baidu.com" target="_self">第四个页面</a>

</body>

另外超链接属性target:

frameset:当前页面嵌入其他页面进行展示

不能和body标签一起用

_self(只有第四个页面跳转)  _blank(全部所有的页面跟着一起跳转)  _parent(只是父页面进行跳转,这里的父页面是02.html,也就是说整个页面的下面80%  _top(整个页面进行跳转)

 

原创粉丝点击