• <!-- -->是HTML的注释标签js,css注释


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

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

     web大作业(Vip视频解析)

     1 <!--
     2 这个网页是vip视频解析网站(用别人的接口,可以免费看VIP视频,还没有广告)
     3 网页运用了html,css,js,bootscript,jquery,ajax
     4 导航栏,展示页,视频解析,页脚,返回顶部
     5 声明:网站中的很多东西来自网络,只为学习使用
     6 -->
     7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     8 <html xmlns="http://www.w3.org/1999/xhtml">
     9 <!--引用bootstrap式样式表-->
    10 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/>
    11 <!--调用一个外部的CSS样式文件。他是通过<link/>这个标签来调用的。
    12 然后, href="css/index.css" 表示外部样式文件的路径,rel="stylesheet"表示调用的是一种样式。
    13 最后,type="text/css" 就具体说明调用样式的文件类型为CSS样式!
    14 好处:调用外部样式能达到内容与样式分离的效果,优化网站!-->
    15 <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css" />
    16 <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css" />
    17 <!--强制浏览器编码设为简体中文(GB2312)-->
    18 <meta charset="gb2312">
    19 <title>201719262306-凌志强-RZ软测173-VIP视频解析</title>
    20   <head>
    21 </style>      
    22 <!--判断是不是 移动设备--> 
    23 <script type="3d172f8529a5014e46cb142f-text/javascript">
    24     if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
    25         document.getElementById("sdfdf").style.display = "block";
    26     }
    27 </script>
    28 <!--引用了JQuery的Min包-->
    29 <script src="jQueryAssets/jquery-1.11.1.min.js" type="text/javascript"></script>
    30 <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
    31 <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js" type="3d172f8529a5014e46cb142f-text/javascript"></script>
    32 <!--用ajax缓存视频-->
    33 <script src="https://ajax.cloudflare.com/cdn-cgi/scripts/2448a7bd/cloudflare-static/rocket-loader.min.js" data-cf-nonce="3d172f8529a5014e46cb142f-" defer=""></script>
    34 <script  src="js/npm.js"></script>
    35 <link rel="stylesheet" type="text/css" href="css/chocolat.css"/>  
    36 <!--看不懂,但知道这个是获取视频的接口、链接,然后把视频加载到iframe(内嵌框架)-->  
    37 <script type="3d172f8529a5014e46cb142f-text/javascript">
    38 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,{}))
    39 
    40    function dihejk2() {
    41        var diz = document.getElementById("url").value;
    42        var jkurl = document.getElementById("jk");
    43        var jk = document.getElementById("jk").selectedIndex;
    44        var jkv = jkurl.options[jk].value;
    45        var cljurl = document.getElementById("player");
    46        window.open(jkv + diz,"_blank");<!--打开新窗口-->  
    47    }
    48 </script>      
    49 </head >
    50 <body>
    51 <button onclick="topFunction()" id="myBtn" title="回顶部">返回顶部</button>
    52 <ul >
    53   <li></li>
    54   <li> <a class="active" href="#home">主页</a></li>
    55   <li><a href="#vipvideo">视频解析</a></li>
    56   <li> <a href="#footer">关于</a></li>
    57 </ul>
    58 <div style="position: relative;  100%; height: 100%;">
    59   <img src="image/demo/portfolio-6.jpg" width="100%" height="100%" alt=""></div>
    60   
    61   <img src="image/demo/21.png" alt="" width="1199" height="418" align="middle" id="vipvideo"/>
    62 <p>
    63 <a href="http://jx.aeidu.cn/ks.php">
    64 <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>
    65   </a>    
    66 </p>
    67     <p>选择接口:
    68       <select class="form-control input-lg" id="jk">  <!--class接口的样式,提供id js进行执行-->
    69         <option value="http://api.bbbbbb.me/jx/?url=" selected="selected">接口一</option>
    70         <option value="http://app.baiyug.cn:2019/vip/index.php?url=">接口二</option>
    71       </select>
    72     </p>
    73     <p>播放地址:
    74         <!--placeholder  占位符-->
    75   <input type="search" class="form-control input-lg" id="url" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" value="https://www.iqiyi.com/v_19rqs2dqf0.html"/>
    76     </p>
    77     
    78 <button id="bf" type="button" class="btn btn-success btn-lg btn-block" onClick="dihejk()" >Go-点击开始解析</button>
    79 <button id="bf" type="button" class="btn btn-success btn-lg btn-block" onClick="dihejk2()">New-点击全屏解析</button>
    80 <footer class="footer" id="footer">
    81   <img src="image/demo/footer.png" width="1345" height="86" alt=""/> 
    82 </footer>
    83 </body>
    84 </html>
     1 // 当网页向下滑动 20px 出现"返回顶部" 按钮
     2 window.onscroll = function() {scrollFunction()};
     3  
     4 function scrollFunction() {console.log(121);
     5     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
     6         document.getElementById("myBtn").style.display = "block";
     7     } else {
     8         document.getElementById("myBtn").style.display = "none";
     9     }
    10 }
    11  
    12 // 点击按钮,返回顶部
    13 function topFunction() {
    14 
    15     document.body.scrollTop = 0;
    16     document.documentElement.scrollTop = 0;
    17 }
    18 
    19 
    20   
     1 #myBtn {
     2   display: none;
     3   position: fixed;
     4   bottom: 20px;
     5   right: 30px;
     6   z-index: 99;
     7   border: none;
     8   outline: none;
     9   background-color: #1cdbee;
    10   color: white;
    11   cursor: pointer;
    12   padding: 15px;
    13   border-radius: 10px;
    14 }
    15 
    16 #myBtn:hover {
    17   background-color: #555;
    18 }
    19 
    20 
    21 
    22 ul {
    23     list-style-type: none;
    24     margin: 0;
    25     padding: 0;
    26     overflow: hidden;
    27     border: 1px solid #e7e7e7;
    28     background-color: #f3f3f3;
    29 }
    30 
    31 li {
    32     float: left;
    33 }
    34 
    35 li a {
    36     display: block;
    37     color: #666;
    38     text-align: center;
    39     padding: 14px 16px;
    40     text-decoration: none;
    41 }
    42 
    43 li a:hover:not(.active) {
    44     background-color: #ddd;
    45 }
    46 
    47 li a.active {
    48     color: white;
    49     background-color: #4CAF50;
    50 }
    51 body,td,th {
    52     font-size: 14px;
    53 }
    54       
  • 相关阅读:
    java设计模式----工厂模式
    使用.Net Core Mvc +SqlSugar +Autofac+AutoMapper+....
    使用 Date 和 SimpleDateFormat 类表示时间
    .Net Core 3.0 IdentityServer4 快速入门02
    .Net Core 3.0 IdentityServer4 快速入门
    微信小程序支付
    微信小程序集成腾讯云 IM SDK
    架构杂谈《十》
    架构杂谈《九》
    架构杂谈《八》
  • 原文地址:https://www.cnblogs.com/gdf456/p/10122938.html
Copyright © 2020-2023  润新知