<!-- -->是HTML的注释标签js,css注释
<!-- -->是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;
}
<!-- -->是HTML的注释标签js,css注释的更多相关文章
- HTML <!--...--> 注释标签
HTML <!--...--> 注释标签 实例 HTML 注释: <!--这是一个注释,注释在浏览器中不会显示--> <p>这是一个段落</p> 浏 ...
- 1.4.19- HTML标签之注释标签
有的时候我们输入的代码,让你别人看,别人不知道你的思路,可能就看不懂,或者或一段时间自己就看不懂了,这个时候我们需要对代码进行注释,解释我们的代码什么意思: <!DOCTYPE html> ...
- js,html,css注释大集合
1.js注释: 单行注释,在注释内容前加符号 “//” <script type="text/javascript"> document.write("单行注 ...
- 【js】在js中加HTML注释标签的原因?
<script type="text/JavaScript"> <!-- js代码 //--> //就是这句,为什么还要在-->前加上js注释 < ...
- HTML、CSS和JS中注释类型的总结
添加必要的注释,是一个优秀的程序员必须具备的好习惯,可以大大提高代码的可维护性.可读性. 1.HTML注释 <!--注释的内容--> 注释的地方(根据个人习惯可能有所不同): 结束标签的后 ...
- impress.js 中文注释
impress.js 中文注释 玄魂 /** * impress.js *(本翻译并未完全遵照原作者的注释翻译) * Impress.js 是受 Prezi启发,基于现代浏览器的 CSS3 与 Jav ...
- HTML注释标签
CreateTime--2016年11月4日08:46:25Author:Marydon参考链接--http://www.cnblogs.com/KeepMovingblog/archive/20 ...
- HTML标签深入学习系列(1)——注释标签 <!-- -->
一.HTML注释的语法 <!--注释内容--> 二.HTML注释的用处 1.普通注释(增强代码的可读性) 方便别人:方便其它程序员了解你的代码 方便自己:方便以后对自己代码的理解与修改等等 ...
- JAVA文档注释标签
1 常用Java注释标签(Java comment tags) @author 作者 @param 输入参数的名称 说明 @return 输出参数说明 @since JDK版本 @version ...
随机推荐
- char(10)、varchar(10)、nchar(10)、nvarchar(10)的区别
CHAR CHAR是定长的,当输入的字符小于10时,会在后面补空值,如果长度大于10,则会截取超出的字符 CHAR字段上的索引效率级高 VARCHAR 存储边长数据,但存储效率没有CHAR高 从空间上 ...
- codeforce467DIV2——D. Sleepy Game
分析 这个题乍一看有点像之前在CF上做过的一道DP,也是两个人下棋,但是写着写着觉得不对···这个题是的最优策略只是player 1 如果有环则是draw,可以DFS的时候顺便判环(拓扑排序的方法), ...
- 【HDU1573】X问题
[题目描述] 求在小于等于N的正整数中有多少个X满足:X mod a[0] = b[0], X mod a[1] = b[1], X mod a[2] = b[2], …, X mod a[i] = ...
- shell cut 用法
cut -f 提取第几列 -d 按指定的分隔符割列 cut -f 1 xxx.txt 提取第1列 cut -f 1,3 xxx.txt 提取第1,3列 cut -d ":&qu ...
- Ubuntu16.04 ARM平台移植libcurl curl-7.63.0
libcurl是免费的轻量级的客户端网络库,支持DICT, FILE, FTP, FTPS, Gopher, HTTP, HTTPS, IMAP, IMAPS, LDAP, LDAPS,POP3, P ...
- 执行CUnit测试出错
est/test_fifo.test: error while loading shared libraries: libcunit.so.1: cannot open shared object f ...
- 堡垒机(paramiko)
实现思路 堡垒机执行流程: 管理员为用户在服务器上创建账号(将公钥放置服务器,或者使用用户名密码) 用户登陆堡垒机,输入堡垒机用户名密码,现实当前用户管理的服务器列表 用户选择服务器,并自动登陆 执行 ...
- zigbee--绑定
1.绑定是zigbee一种基本通信方式:具体绑定通信又分为3种模式,在这里只拿一种源绑定来说明. 源绑定: 发送模块 :必须要知道接收模块(被绑定模块)的网络地址或者MAC地址 接收方的接收端点 接收 ...
- js-day
1.克莱托指数 公式 :体重(kg) / (身高(m) * 身高(m)) < 20 : 偏瘦 > 20 <25 : 正常 > 25 : 偏旁 步骤: 1.输入体重(weight ...
- 特殊的HttpApplication事件处理
在global.asax中,针对HttpApplication的事件处理,可以通过定义特殊命名的方法来实现.首先,这些方法必须符合System.EventHandler,因为所有的HttpApplic ...