frameset框架

    xiaoxiao2023-03-24  6

    目的:利用frameset把一个页面分为三块 头部:电影、音乐、图片 左边:分别对应,(例:当点击电影时,左边出现,爱奇艺、腾讯、土豆,三个链接),当点击(音乐时:出现:百度音乐、酷我音乐、酷狗音乐三个链接),当点击(图片时,     出现:唯美图片、精美背景、励志图片三个链接) 右边:默认:在爱奇艺官网

    具体如下图:

    注意:用frameset需要删除body index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>frameset框架技术</title> </head> <frameset rows="20%,80%"> <frame src="top.html"/> <frame src="bottom.html"/> </frameset> </html><pre name="code" class="html">top.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <a href="left_movie.html" target="left">电影</a> <a href="left_music.html" target="left">音乐</a> <a href="left_picture.html" target="left">图片</a> </html> bottom.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <frameset cols="20%,80%"> <frame src="left_movie.html" name="left"/> <frame src="http://www.baofeng.com/" name="right"/> </frameset> </html> left_music.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <a href="http://y.qq.com/" target="right">QQ音乐</a> <a href="http://www.kugou.com/" target="right">酷狗音乐</a> <a href="http://www.kuwo.cn/" target="right">酷我音乐</a> </html> left_picture.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <a href="http://bizhi.360.cn/" target="right">360壁纸</a> <a href="http://bizhi.baidu.com/" target="right">百度壁纸</a> <a href="http://www.lovebizhi.com/" target="right">爱壁纸</a> </html>

     

    转载请注明原文地址: https://ju.6miu.com/read-1201164.html
    最新回复(0)