<!--  -->是HTML的注释标签

js，css：单行注释以 // 开头。 多行注释以 /* 开始，以 */ 结尾。

web大作业（Vip视频解析）

 <!--

 这个网页是vip视频解析网站（用别人的接口，可以免费看VIP视频，还没有广告）

 网页运用了html,css,js,bootscript,jquery,ajax

 导航栏，展示页，视频解析，页脚，返回顶部

 声明：网站中的很多东西来自网络，只为学习使用

 -->

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <!--引用bootstrap式样式表-->

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>

 <!--调用一个外部的CSS样式文件。他是通过<link/>这个标签来调用的。

 然后， href="css/index.css" 表示外部样式文件的路径，rel="stylesheet"表示调用的是一种样式。

 最后，type="text/css" 就具体说明调用样式的文件类型为CSS样式！

 好处：调用外部样式能达到内容与样式分离的效果，优化网站！-->

 <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css" />

 <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css" />

 <!--强制浏览器编码设为简体中文(GB2312)-->

 <meta charset="gb2312">

 <title>201719262306-凌志强-RZ软测173-VIP视频解析</title>

   <head>

 </style>

 <!--判断是不是 移动设备-->

 <script type="3d172f8529a5014e46cb142f-text/javascript">

     if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){

         document.getElementById("sdfdf").style.display = "block";

     }

 </script>

 <!--引用了JQuery的Min包-->

 <script src="jQueryAssets/jquery-1.11.1.min.js" type="text/javascript"></script>

 <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />

 <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js" type="3d172f8529a5014e46cb142f-text/javascript"></script>

 <!--用ajax缓存视频-->

 <script src="https://ajax.cloudflare.com/cdn-cgi/scripts/2448a7bd/cloudflare-static/rocket-loader.min.js" data-cf-nonce="3d172f8529a5014e46cb142f-" defer=""></script>

 <script  src="js/npm.js"></script>

 <link rel="stylesheet" type="text/css" href="css/chocolat.css"/>

 <!--看不懂，但知道这个是获取视频的接口、链接，然后把视频加载到iframe（内嵌框架）-->

 <script type="3d172f8529a5014e46cb142f-text/javascript">

 eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('b a(){0 6=1.2("9").4;0 5=1.2("3");0 3=1.2("3").c;0 8=5.e[3].4;0 7=1.2("f");7.d=8+6}',16,16,'var|document|getElementById|jk|value|jkurl|diz|cljurl|jkv|url|dihejk|function|selectedIndex|src|options|player'.split('|'),0,{}))

    function dihejk2() {

        var diz = document.getElementById("url").value;

        var jkurl = document.getElementById("jk");

        var jk = document.getElementById("jk").selectedIndex;

        var jkv = jkurl.options[jk].value;

        var cljurl = document.getElementById("player");

        window.open(jkv + diz,"_blank");<!--打开新窗口-->

    }

 </script>

 </head >

 <body>

 <button onclick="topFunction()" id="myBtn" title="回顶部">返回顶部</button>

 <ul >

   <li></li>

   <li> <a class="active" href="#home">主页</a></li>

   <li><a href="#vipvideo">视频解析</a></li>

   <li> <a href="#footer">关于</a></li>

 </ul>

 <div style="position: relative; width: 100%; height: 100%;">

   <img src="data:image/demo/portfolio-6.jpg" width="100%" height="100%" alt=""></div>

   <img src="data:image/demo/21.png" alt="" width="1199" height="418" align="middle" id="vipvideo"/>

 <p>

 <a href="http://jx.aeidu.cn/ks.php">

 <iframe src="http://jx.aeidu.cn/ks.php" id="player" width="100%" height="600px" border="border" color="#C8DFEA" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no"></iframe>

   </a>

 </p>

     <p>选择接口：

       <select class="form-control input-lg" id="jk">  <!--class接口的样式，提供id js进行执行-->

         <option value="http://api.bbbbbb.me/jx/?url=" selected="selected">接口一</option>

         <option value="http://app.baiyug.cn:2019/vip/index.php?url=">接口二</option>

       </select>

     </p>

     <p>播放地址：

         <!--placeholder  占位符-->

   <input type="search" class="form-control input-lg" id="url" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" value="https://www.iqiyi.com/v_19rqs2dqf0.html"/>

     </p>

 <button id="bf" type="button" class="btn btn-success btn-lg btn-block" onClick="dihejk()" >Go-点击开始解析</button>

 <button id="bf" type="button" class="btn btn-success btn-lg btn-block" onClick="dihejk2()">New-点击全屏解析</button>

 <footer class="footer" id="footer">

   <img src="data:image/demo/footer.png" width="1345" height="86" alt=""/>

 </footer>

 </body>

 </html>
 // 当网页向下滑动 20px 出现"返回顶部" 按钮

 window.onscroll = function() {scrollFunction()};

 function scrollFunction() {console.log(121);

     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {

         document.getElementById("myBtn").style.display = "block";

     } else {

         document.getElementById("myBtn").style.display = "none";

     }

 }

 // 点击按钮，返回顶部

 function topFunction() {

     document.body.scrollTop = 0;

     document.documentElement.scrollTop = 0;

 }

 #myBtn {

   display: none;

   position: fixed;

   bottom: 20px;

   right: 30px;

   z-index:;

   border: none;

   outline: none;

   background-color: #1cdbee;

   color: white;

   cursor: pointer;

   padding: 15px;

   border-radius: 10px;

 }

 #myBtn:hover {

   background-color: #555;

 }

 ul {

     list-style-type: none;

     margin:;

     padding:;

     overflow: hidden;

     border: 1px solid #e7e7e7;

     background-color: #f3f3f3;

 }

 li {

     float: left;

 }

 li a {

     display: block;

     color: #666;

     text-align: center;

     padding: 14px 16px;

     text-decoration: none;

 }

 li a:hover:not(.active) {

     background-color: #ddd;

 }

 li a.active {

     color: white;

     background-color: #4CAF50;

 }

 body,td,th {

     font-size: 14px;

 }

<!-- -->是HTML的注释标签js，css注释的更多相关文章

  1. HTML <!--...--> 注释标签

    HTML <!--...--> 注释标签 实例 HTML 注释: <!--这是一个注释,注释在浏览器中不会显示--> <p>这是一个段落</p>   浏 ...

  2. 1.4.19- HTML标签之注释标签

    有的时候我们输入的代码,让你别人看,别人不知道你的思路,可能就看不懂,或者或一段时间自己就看不懂了,这个时候我们需要对代码进行注释,解释我们的代码什么意思: <!DOCTYPE html> ...

  3. js，html，css注释大集合

    1.js注释: 单行注释,在注释内容前加符号 “//” <script type="text/javascript"> document.write("单行注 ...

  4. 【js】在js中加HTML注释标签的原因？

    <script type="text/JavaScript"> <!-- js代码 //--> //就是这句,为什么还要在-->前加上js注释 < ...

  5. HTML、CSS和JS中注释类型的总结

    添加必要的注释,是一个优秀的程序员必须具备的好习惯,可以大大提高代码的可维护性.可读性. 1.HTML注释 <!--注释的内容--> 注释的地方(根据个人习惯可能有所不同): 结束标签的后 ...

  6. impress.js 中文注释

    impress.js 中文注释 玄魂 /** * impress.js *(本翻译并未完全遵照原作者的注释翻译) * Impress.js 是受 Prezi启发,基于现代浏览器的 CSS3 与 Jav ...

  7. HTML注释标签

      CreateTime--2016年11月4日08:46:25Author:Marydon参考链接--http://www.cnblogs.com/KeepMovingblog/archive/20 ...

  8. HTML标签深入学习系列（1）——注释标签 <!-- -->

    一.HTML注释的语法 <!--注释内容--> 二.HTML注释的用处 1.普通注释(增强代码的可读性) 方便别人:方便其它程序员了解你的代码 方便自己:方便以后对自己代码的理解与修改等等 ...

  9. JAVA文档注释标签

    1 常用Java注释标签(Java comment tags) @author  作者 @param  输入参数的名称  说明 @return 输出参数说明 @since JDK版本 @version ...

随机推荐

  1. 使用Fuel安装openstack

    一.前言 Fuel是OpenStack的开源部署和管理工具.作为OpenStack社区的开发贡献者,它为OpenStack.OpenStack相关社区项目以及OpenStack插件的部署和管理提供了直 ...

  2. linux加入windows域之完美方案

    运行setup工具 认证配置 选择: “use winbind” “use kerberos” “use winbind authertication” 改为: 删除admin server 其余的改 ...

  3. linux的deamon后台运行

    有的时候需要将程序一直跑在后台,比如一些服务类代码,或者一些监控类代码.使用deamon是正确的一种思路. 以前我们在看<unix环境高级编程>的时候,有专门的整章详细介绍如何编写一个后台 ...

  4. Hyperledger Fabric源码解析

    Hyperledger Fabric开源于2015年12月,截至2018年2月初有185个公司/组织成员加入.最初由IBM和DAH的工程师贡献,现在约有70名的代码贡献者,4000+代码提交,代码行数 ...

  5. Odometry的发布和发布odom到base_link的tf变换

    转载自http://www.ncnynl.com/archives/201702/1328.html ROS发布nav_msgs/Odometry消息,以及通过tf从“odom”坐标系到“base_l ...

  6. 无限级分类及生成json数据

    第一步,先去数据库查询类别数据,然后交给生成json数据的函数处理,代码如下: /*生成类别JSON数据*/ public function wirteJson(){ $dataInfo = \thi ...

  7. background-image属性的设置

    对于图片,首先我们先想到是背景图片.因为我们许许多的装饰都是用背景图片来实现的.既然这样,那么就从CSS控制背景图片讲起吧.1.CSS控制背景图片:    对于一个网页,我们开始设计的时候,可能没有过 ...

  8. linux 改变系统时间

    date  查看系统时间 date -s 04/05/16  日期设置成2016年4月5日 date -s 15:03:32  日期设置成2016年4月5日15:03:32 上述两步可以直接写成这样一 ...

  9. Hibernate学习第三天（2）（多对多关系映射）

    1.1.1      Hibernate多对多关系的配置 1.1.1.1   创建表 l   用户表 CREATE TABLE `sys_user` ( `user_id` bigint(32) NO ...

  10. React基础篇 （1）-- render&components

    render 基础用法 //1.创建虚拟DOM元素对象 var vDom=<h1>hello wold!</h1> //2.渲染 ReactDOM.render(vDom,do ...