<!--  -->是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;
}

最新文章

  1. C# 文件下载 : WebClient
  2. PAT乙级 1001. 害死人不偿命的(3n+1)猜想 (15)
  3. centos update git(转载)
  4. hdu 2883 kebab 网络流
  5. 编写一个JavaScript函数 parseQueryString,把URL参数解析为一个对象
  6. Hello China操作系统STM32移植指南(三)
  7. OCP读书笔记(27) - 题库(ExamG)
  8. IOS多线程加锁
  9. Java基本数据类型及其封装器的一些千丝万缕的纠葛
  10. PHP编辑器PhpStrom运行缓慢问题
  11. java安全框架shiro(一)
  12. SVN错误:SVN Working copy XXX is too old
  13. 关于 i++ 与 ++i
  14. root登陆欢迎界面设置
  15. 关于socket.io获取客户端真实IP地址
  16. vue 模仿机票自定义日历组件,区间选择
  17. linux计划任务crontab的使用
  18. 异常信息ASM ClassReader failed to parse class file的问题解决
  19. IPV6的链路本地地址和站点本地地址的不同
  20. vue中使用localStorage存储信息

热门文章

  1. UIRect中的Anchor组件
  2. 【原创】2. MYSQL++之Connect类型
  3. nohup 无发后台运行
  4. Python中__new__与__init__介绍
  5. 11-内涵段子-爬虫(python+正则)
  6. SqlServer—大话函数依赖与范式
  7. laravel与front-end
  8. SpringMVC——拦截器
  9. 实践作业3:白盒测试----简单介绍被测系统DAY4
  10. bootstrap实现嵌套列