<!-- ?-->是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; width: 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 ??????<!-- ?-->是HTML的注释标签js，css注释
原文地址：https://www.cnblogs.com/gdf456/p/10122938.html