整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
lt;!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>34-jQuery电影排行榜之页面布局</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 450px;
margin: 50px auto;
border: #000000 solid 1px;
}
.box>h1{
font-size: 20px;
line-height: 35px; /*设置行间的距离（行高）。*/
color: deeppink;
padding-left: 10px;
border: #000000 dashed 1px; /* 边框虚线黑色 1像素 */
}
ul>li{
list-style: none; /*去除li标签前面的点*/
padding: 5px 10px;
border: #000000 dashed 1px; /* 边框虚线黑色 1像素 */
}
ul>li:nth-child(-n+3) span{ /* 这句话只选择前三个span标签 比较特别，，需要了解一种方法*/
background: deeppink;
}
ul>li>span{
display: inline-block; /*在元素之后不添加换行符，因此该元素可以位于其他元素旁边*/
width: 20px;
height: 20px;
background: #ccc;
text-align: center; /* 就是把HTML元素中的文本排列到中间的意思*/
line-height: 20px; /* 行高，也可以定义行间距 用line-height只对文字起作用 对于图片时失效 */
margin-right: 10px;
}
.content{
overflow: hidden; /* 给一个盒子定义了一个显示范围。内部的物体。只有在这个范围内部才会被显示。不然就被隐藏。 */
margin-top: 5px;
}
.content>img{
width: 80px;
height: 120px;
float: left; /* 左浮动 */
}
.content>p{
width: 180px;
height: 120px;
float: right; /* 右浮动 */
font-size: 12px;
line-height: 20px; /* 行高，也可以定义行间距 */
}
</style>
<script src="../static/js/jquery-3.6.0.js"></script>
<script>
$(function(){
})
</script>
</head>
<body>
<div class="box">
<h1>电影排行榜</h1>
<ul>
<li><span>1</span>电影名称
<div class="content">
<img src="../static/image/电影.jpg" >
<p>战神再现 甲贺忍发帖 赤影 生死格斗 忍者小英雄 《RED SHADOW 赤影》（2001年） 改编自 横山光辉 的漫画作品《仮面の忍者 赤影》 剧情简介：为了世界的光明，赤影成为了影子武士。在战国时期的骚乱中，赤影担负着成为影子武士一族首领的命运</p>
</div>
</li>
<li><span>2</span>电影名称</li>
<li><span>3</span>电影名称</li>
<li><span>4</span>电影名称</li>
<li><span>5</span>电影名称</li>
<li><span>6</span>电影名称</li>
</ul>
</div>
</body>
</html>
频是网页承载内容很重要的一个元素，也是必不可少的网页表现形式（图、文、表、视、音）之一。曾经网页要想播放视频、制作游戏，必须得用第三方插件flash。不仅编写代码要使用额外的语言，浏览器也必须得装第三方插件，非常不方便。随着html5标准逐渐普及，移动端、pc端开始抛弃flash，如今几乎所有的浏览器都使用html5来制作视频。
目标
flash是Adobe公司其中之一的产品。它发起于W3C与WHATWG的第五代web标准之争，它捡了个大便宜，乘机定义网页媒体标准。
W3C与WHATWG的第五代web标准之争
flash填补了当时网页只有文字和图片的单调世界，将媒体（视频、音频、游戏）引入了网页，将网页带进多彩的世界。
Flash能够用仅仅十几K到几百K的体积，呈现出放大也不会失真的矢量彩色动图，甚至还能够做出足以令人沉迷一整天的Flash小游戏。
火柴人
Flash用第三方插件的身份，几乎制霸了网页媒体的标准，让W3C尴尬不已，甚至从某种程度上说，让真正的网页标准推广受阻。
2010年4月，苹果CEO公开表示从此苹果所有产品不再支持flash。flash从此慢慢丧失移动端的市场和地位。
乔布斯支持html5
2012年，安卓宣布不再支持Flash，从此flash彻底失去了移动端市场和地位。
2012年html5标准确立，html5在逐渐制霸移动端的地位时，也直接冲击了flash仅剩的桌面市场，flash桌面市场的份额在逐步下降。
各大浏览器逐步默认禁用Flash，现2019年几乎都全部禁用。
默认禁用Flash
Adobe将在2020年停止开发和更新flash。
2020年停止开发和更新flash
Flash以第三方插件的身份，做着平台该做的事情，但没有推动行业标准统一化，反而企图私立标准。
随着功能的增多，能解码编码H.264，能进行3D渲染，能播放7.1声道环绕声等，功能集于一身变得臃肿，效率变得低下。
Flash非常不安全。Flash能够运行相当复杂的代码，这让Flash非常容易被渗透。加上Adobe在安全方面的不上心，这令Flash安全问题频发。
Flash很不稳定。作为一个插件，它自身频频崩溃也就罢了，还经常拉着浏览器乃至操作系统一起殉情。
Flash加剧了手机的耗电量。
作用是在 HTML 页面中嵌入视频元素。Video定义视频，比如电影片段或其他视频流。
视频播放
有四个是必须的属性：src、controls、width、height属性。
视频播放代码
<video> 元素支持三种视频格式： MP4, WebM, 和 Ogg。
<source> 元素可以链接不同格式的视频文件。浏览器将使用第一个可识别的格式。
支持多格式的视频
video标签体系
荐18个小众冷门但功能强大的在线神器，不用安装免费用！
这款软件，可以说是我电脑必备了，没有它我都不习惯了！它可以满速下载网页上的软件、视频、文件、图片.......等等，告别限速烦恼！
比如说我从网上下载一个1G大小的视频，如果不用IDM，估计得下载个两三小时；通过IDM下载，估计不到3分钟左右就能下载完成。更别说那些小文件了，秒速下载！
它会自动识别网页视频，同时支持选择不同格式下载：
支持下载的文件格式也非常多，能够满足日常下载需求：
地址：https://www.6pian.cn/zimu.html
字幕，是视频必不可少的元素，特别是在各短视频平台发布的视频，如果你的视频没有字幕，观众极有可能听不明白你在说什么，直接划走！
对于各博主来说，传统的字幕添加方法，太过繁杂，不能快速出片。
这款智能字幕工具，在上传视频后，会自动为视频添加上字幕，速度很快，显示的字幕还会自动匹配视频内容。还支持在线编辑、在线翻译等功能。
并且支持上传的音视频格式、识别的语种，以及导出的字幕文件格式都还蛮多的：
?特别是新版界面，支持翻译的语言足足有104种：
地址：https://www.flexclip.com/
一个操作简单，功能简单地在线剪辑工具。
网站内主要提供的内容有模板、制作、工具、学习这4大模板，“制作”和“模板”内都是提供的视频模板。
“工具”模块的话，主要提供的是幻灯片制作、表情包生成、GIF生成、屏幕录制、裁剪视频、合并视频、压缩视频、视频格式转换.....等功能。
“学习”模块提供有视频编辑技巧、视频编辑工具合集、视频录制、视频营销、视频格式转换...等学习教程。
?最值得称赞的是，它提供数百万免版权的音频、视频和图片资源，可以随意搜索、查看，并添加到视频中。
地址：https://www.7mjs.com/
如果你想做影视解说类的视频，但是自己又不会写解说文案。此时，我们就可以来这个网站拿现成的，各种类型的影视剧解说文案，并且还提供有相应的影视资源。
不过在网站上智能看到解说文案的前一部分，后面的文案和影视资源需要VIP或者猫币才能获取：
地址：https://www.6pian.cn/koutu.html
一个超智能的抠图工具，支持批量抠图，并且抠图效果嘎嘎好，抠图边缘过渡很自然，毫无抠图痕迹。
上传图片后，网站会自动识别出图片主体，实现智能抠图，并且还可以选择抠图模式：通用、汽车、食品、logo。
?最最最赞的是，复杂背景也能抠得很干净：
地址：https://yijiangaitu.com/
一款简单易用的在线图片处理工具。
包含的处理功能有：压缩图片质量/尺寸、生成缩略图、任意裁剪、生成内切圆图片、打磨圆角、转换格式、添加水印、添加马赛克）、旋转图片、锐化、模糊、调整亮度、调整对比度、查看exif 信息等...
地址：https://bigjpg.com/
有时候我们下载的图片尺寸太小，手动拉伸的话，图片虽然放大了，但也糊了。
这个网站可以把图片无损放大2倍、4倍、8倍、16倍（8倍和16倍需要升级才能使用），放大后的图片质量跟原图没什么差别！
地址：https://www.fotor.com/
一个功能超级全的在线图片编辑器，它所包含的功能有裁剪、旋转、调整、调色、一键抠图、高级处理、曲线调节、添加滤镜、添加元素、添加框架、面部精修....
不过有部分功能，需要专业版才能用，非专业版使用的话，会有水印！
人像精修：
添加滤镜：
地址：https://essay.1ts.fun/
一个可以生成论文的生成器，网站内已经收集超30W篇的数据文献，各个学科都有。这不比花钱买论文香吗！
输入文章题目、学科、主关键词、副关键词，就可以生成一篇小论文了。 生成的小论文是分段式的，每一段都可重新生成：
还支持在线编辑，完了可以直接复制：
?虽然这些论文直接拿来用不现实，但是可以参考啊，把自己论文的关键词一输入，就得到一篇差不多的论文，然后修修改改，不就成自己的了吗！
地址：https://dayipaper.com/
一个论文排版工具，它提供快捷模式和编辑器模式两种方案。快捷模式是对已有的文档进行快速排版，编辑器模式是将论文元素作组件化处理。
在编辑时，可以根据你所在学校的论文写作规范，自动调整你的论文格式，你只用专注于内容写作即可。
?像页眉、页脚、文献引用、脚注尾注、目录、缩进、空行、字体...... 都可以一键生成。
地址：https://www.cn-ki.net/
一个由北京大学、清华大学、浙江大学、复旦大学等师生学者共同筹建的网站，旨在促进知识的传播和最新学术科技的共享。
iData平台上所有信息均为公开发表的学术文献，由学者自由上传，并提供有限的免费浏览、下载。
如果想通过idate下载中国知网的论文，可以点击右上角的“cnki镜像搜索”：
此时搜到的知网参考文献，都可免费下载：
地址：https://airportal.cn/
一个可以跨设备传输文件的网站，可以说是一个临时文件传送网站，不限速也不用注册。
?选择文件后，可以设置打开密码，下载次数以及保存时间：
?接收方可以通过取件码、复制链接、以及扫码下载文件：
地址：https://webrename.cn/
一个支持在线文件重命名的网站，支持批量重命名，并且支持多种重命名模式。如果你在日常工作生活中，并不是经常对文件批量重命名，那么完全不用下载专门的软件，用这个网站就足够了。
?上传文件后，按照自己的需求，选择工具栏的功能即可，不过这些功能不能叠加使用，但作为一款免费的工具，咱还要啥自行车啊。
地址：https://cloudconvert.com/
一个支持有200+种文件格式转换的转换器，支持有音频、视频、文档、电子书、存档、图像、电子表格和演示格式等。
我之前转换一个200多兆的Keynote文件，虽然速度慢点，但也能转换成PPT格式，比很多格式转换工具好多了！
地址：https://cloudconvert.com/
一个免费无限制的PDF转换工具，支持的功能有格式转换、PDF拆分、合并、压缩等。并且在转换6小时后会自动把文件删除，很安全！
地址：https://www.67tool.com/
一个有着239款实用工具的网站，它的工具类别有：视频、音频、图片、PDF、办公辅助、设计、文本、数字、加密、单位转换...等10种工具。
每个大类别下是各种实用小工具，比如视频工具下，有视频剪切、格式转换、录屏、视频压缩、视频倒放......等33个小工具。
地址：https://233heji.com/8.html
这个网站，虽说网站界面看着跟笔记似的，但资源是真的丰富！
目测这个网站里面收录的网站有上千个，共有25个类别，每一个类别下，都收录了大量的同类型网站。
在线影视合集站，包含有影视网站、有影视APP、还有欧美剧网站合集、动漫网站合集、日韩剧网站合集.....
电子书小说网站合集，包含有网络小说网站、小说搜索网站、电子书搜索网站、小说APP......
地址：https://www.6pian.cn/tool.html
一个收录有40个影视相关工具的网站，比如刚开始推荐的rive，网站内就有收录。
网站内收录的工具，说实话，都比较小众，但都很实用。比如说影视解说文案网站、三维动画制作工具、视频去背、像素风3D建模、视频压缩工具......
牛片的一系列好用工具：
牛片AI主播配音：在线配音，免费主播音随意选
牛片一键智能字幕：为视频一键添加字幕，音视频转文字稿
牛片一键智能抠图：AI智能在线抠图，一键抠出图片主体
牛片图片动漫化：图片动漫化在线处理
牛片图片年龄变化：年龄变化面貌
牛片人声分离：歌曲背景音乐伴奏提取
牛片工具箱：影视创作流程必备效率神器
*请认真填写需求信息，我们会在24小时内与您取得联系。
