<!-- -->是HTML的註釋標簽js，css註釋
阿新 • • 發佈：2018-12-15
control size for ucc value add 展示 獲取 som
<!-- -->是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註釋