zoukankan      html  css  js  c++  java
  • frameset左右栏锚点定位实例

    http://www.w3school.com.cn/tags/tag_frameset.asp

    http://www.w3school.com.cn/tags/att_a_target.asp

    左left.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
    <ul type="none">
        <li><a href="right.html#v1" target="newtab">视频1</a></li>
        <li><a href="right.html#v2" target="newtab">视频2</a></li>
        <li><a href="right.html#v3" target="newtab">视频3</a></li>
    </ul>
    </body>
    </html>
    

    右right.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
      
    </head>
    <body>
        <table align="center"> 
            <tr>
                <td height="600" id="v1">
                    <video src="1.mp4" controls="controls" width="600" >  您的浏览器不支持 video 标签。 </video>
                </td>
            </tr>
    
            <tr>
                <td height="600"  id="v2">
                        <video src="3.mkv" controls="controls" width="450">  您的浏览器不支持 video 标签。 </video>
                </td>
             </tr>
    
             <tr>
                    <td height="600" id="v3">
                            <video src="2.mp4" controls="controls" width="350"> 您的浏览器不支持 video 标签。 </video>
                         
                    </td>
                 </tr>
    
        </table>
    </body>
    </html>
    

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>播放视频video</title>
    </head>
    	<frameset cols="10%,*"  frameborder="1" bordercolor="skyblue">
    		<frame src="./left.html"  />
    		<frame src="./right.html" name="newtab" />
    	</frameset>
    </html>
    

    锚点链接:
    1.使用<a> href=”#id名>“链接文本"</a>创建链接文本。

    2.使用相应的id名标注跳转到目标位置。

  • 相关阅读:
    查找整数
    Ling To Xml 学习之 对xml增、删、改、查
    JS获得鼠标
    xml之数据岛绑定到表格
    C# 三种序列化[转]
    编程字体
    Oracle 、C#
    提示信息Javascript
    几个好用的日历控件
    收藏网站
  • 原文地址:https://www.cnblogs.com/gleamer/p/10196799.html
Copyright © 2011-2022 走看看