是HTML的注释标签js css注释">是HTML的注释标签js css注释

2021-10-26 13:01:44

359

<!--  -->是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: ; height: ;">
59   <img src="image/demo/portfolio-6.jpg" width="" height="" 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="" 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="/uploads/image/20211026/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、CSS、JavaScrip 下一篇：Java、mysql、html、cs

网站建设

Css

是HTML的注释标签js css注释">是HTML的注释标签js css注释

web大作业（Vip视频解析）