整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
lt;!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>34-jQuery電影排行榜之頁(yè)面布局</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; /*設(shè)置行間的距離（行高）。*/
color: deeppink;
padding-left: 10px;
border: #000000 dashed 1px; /* 邊框虛線黑色 1像素 */
}
ul>li{
list-style: none; /*去除li標(biāo)簽前面的點(diǎn)*/
padding: 5px 10px;
border: #000000 dashed 1px; /* 邊框虛線黑色 1像素 */
}
ul>li:nth-child(-n+3) span{ /* 這句話只選擇前三個(gè)span標(biāo)簽 比較特別，，需要了解一種方法*/
background: deeppink;
}
ul>li>span{
display: inline-block; /*在元素之后不添加換行符，因此該元素可以位于其他元素旁邊*/
width: 20px;
height: 20px;
background: #ccc;
text-align: center; /* 就是把HTML元素中的文本排列到中間的意思*/
line-height: 20px; /* 行高，也可以定義行間距 用line-height只對(duì)文字起作用 對(duì)于圖片時(shí)失效 */
margin-right: 10px;
}
.content{
overflow: hidden; /* 給一個(gè)盒子定義了一個(gè)顯示范圍。內(nèi)部的物體。只有在這個(gè)范圍內(nèi)部才會(huì)被顯示。不然就被隱藏。 */
margin-top: 5px;
}
.content>img{
width: 80px;
height: 120px;
float: left; /* 左浮動(dòng) */
}
.content>p{
width: 180px;
height: 120px;
float: right; /* 右浮動(dòng) */
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>戰(zhàn)神再現(xiàn) 甲賀忍發(fā)帖 赤影 生死格斗 忍者小英雄 《RED SHADOW 赤影》（2001年） 改編自 橫山光輝 的漫畫作品《仮面の忍者 赤影》 劇情簡(jiǎn)介：為了世界的光明，赤影成為了影子武士。在戰(zhàn)國(guó)時(shí)期的騷亂中，赤影擔(dān)負(fù)著成為影子武士一族首領(lǐng)的命運(yùn)</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>
頻是網(wǎng)頁(yè)承載內(nèi)容很重要的一個(gè)元素，也是必不可少的網(wǎng)頁(yè)表現(xiàn)形式（圖、文、表、視、音）之一。曾經(jīng)網(wǎng)頁(yè)要想播放視頻、制作游戲，必須得用第三方插件flash。不僅編寫代碼要使用額外的語(yǔ)言，瀏覽器也必須得裝第三方插件，非常不方便。隨著html5標(biāo)準(zhǔn)逐漸普及，移動(dòng)端、pc端開(kāi)始拋棄flash，如今幾乎所有的瀏覽器都使用html5來(lái)制作視頻。
目標(biāo)
flash是Adobe公司其中之一的產(chǎn)品。它發(fā)起于W3C與WHATWG的第五代web標(biāo)準(zhǔn)之爭(zhēng)，它撿了個(gè)大便宜，乘機(jī)定義網(wǎng)頁(yè)媒體標(biāo)準(zhǔn)。
W3C與WHATWG的第五代web標(biāo)準(zhǔn)之爭(zhēng)
flash填補(bǔ)了當(dāng)時(shí)網(wǎng)頁(yè)只有文字和圖片的單調(diào)世界，將媒體（視頻、音頻、游戲）引入了網(wǎng)頁(yè)，將網(wǎng)頁(yè)帶進(jìn)多彩的世界。
Flash能夠用僅僅十幾K到幾百K的體積，呈現(xiàn)出放大也不會(huì)失真的矢量彩色動(dòng)圖，甚至還能夠做出足以令人沉迷一整天的Flash小游戲。
火柴人
Flash用第三方插件的身份，幾乎制霸了網(wǎng)頁(yè)媒體的標(biāo)準(zhǔn)，讓W(xué)3C尷尬不已，甚至從某種程度上說(shuō)，讓真正的網(wǎng)頁(yè)標(biāo)準(zhǔn)推廣受阻。
2010年4月，蘋果CEO公開(kāi)表示從此蘋果所有產(chǎn)品不再支持flash。flash從此慢慢喪失移動(dòng)端的市場(chǎng)和地位。
喬布斯支持html5
2012年，安卓宣布不再支持Flash，從此flash徹底失去了移動(dòng)端市場(chǎng)和地位。
2012年html5標(biāo)準(zhǔn)確立，html5在逐漸制霸移動(dòng)端的地位時(shí)，也直接沖擊了flash僅剩的桌面市場(chǎng)，flash桌面市場(chǎng)的份額在逐步下降。
各大瀏覽器逐步默認(rèn)禁用Flash，現(xiàn)2019年幾乎都全部禁用。
默認(rèn)禁用Flash
Adobe將在2020年停止開(kāi)發(fā)和更新flash。
2020年停止開(kāi)發(fā)和更新flash
Flash以第三方插件的身份，做著平臺(tái)該做的事情，但沒(méi)有推動(dòng)行業(yè)標(biāo)準(zhǔn)統(tǒng)一化，反而企圖私立標(biāo)準(zhǔn)。
隨著功能的增多，能解碼編碼H.264，能進(jìn)行3D渲染，能播放7.1聲道環(huán)繞聲等，功能集于一身變得臃腫，效率變得低下。
Flash非常不安全。Flash能夠運(yùn)行相當(dāng)復(fù)雜的代碼，這讓Flash非常容易被滲透。加上Adobe在安全方面的不上心，這令Flash安全問(wèn)題頻發(fā)。
Flash很不穩(wěn)定。作為一個(gè)插件，它自身頻頻崩潰也就罷了，還經(jīng)常拉著瀏覽器乃至操作系統(tǒng)一起殉情。
Flash加劇了手機(jī)的耗電量。
作用是在 HTML 頁(yè)面中嵌入視頻元素。Video定義視頻，比如電影片段或其他視頻流。
視頻播放
有四個(gè)是必須的屬性：src、controls、width、height屬性。
視頻播放代碼
<video> 元素支持三種視頻格式： MP4, WebM, 和 Ogg。
<source> 元素可以鏈接不同格式的視頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式。
支持多格式的視頻
video標(biāo)簽體系
薦18個(gè)小眾冷門但功能強(qiáng)大的在線神器，不用安裝免費(fèi)用！
這款軟件，可以說(shuō)是我電腦必備了，沒(méi)有它我都不習(xí)慣了！它可以滿速下載網(wǎng)頁(yè)上的軟件、視頻、文件、圖片.......等等，告別限速煩惱！
比如說(shuō)我從網(wǎng)上下載一個(gè)1G大小的視頻，如果不用IDM，估計(jì)得下載個(gè)兩三小時(shí)；通過(guò)IDM下載，估計(jì)不到3分鐘左右就能下載完成。更別說(shuō)那些小文件了，秒速下載！
它會(huì)自動(dòng)識(shí)別網(wǎng)頁(yè)視頻，同時(shí)支持選擇不同格式下載：
支持下載的文件格式也非常多，能夠滿足日常下載需求：
地址：https://www.6pian.cn/zimu.html
字幕，是視頻必不可少的元素，特別是在各短視頻平臺(tái)發(fā)布的視頻，如果你的視頻沒(méi)有字幕，觀眾極有可能聽(tīng)不明白你在說(shuō)什么，直接劃走！
對(duì)于各博主來(lái)說(shuō)，傳統(tǒng)的字幕添加方法，太過(guò)繁雜，不能快速出片。
這款智能字幕工具，在上傳視頻后，會(huì)自動(dòng)為視頻添加上字幕，速度很快，顯示的字幕還會(huì)自動(dòng)匹配視頻內(nèi)容。還支持在線編輯、在線翻譯等功能。
并且支持上傳的音視頻格式、識(shí)別的語(yǔ)種，以及導(dǎo)出的字幕文件格式都還蠻多的：
?特別是新版界面，支持翻譯的語(yǔ)言足足有104種：
地址：https://www.flexclip.com/
一個(gè)操作簡(jiǎn)單，功能簡(jiǎn)單地在線剪輯工具。
網(wǎng)站內(nèi)主要提供的內(nèi)容有模板、制作、工具、學(xué)習(xí)這4大模板，“制作”和“模板”內(nèi)都是提供的視頻模板。
“工具”模塊的話，主要提供的是幻燈片制作、表情包生成、GIF生成、屏幕錄制、裁剪視頻、合并視頻、壓縮視頻、視頻格式轉(zhuǎn)換.....等功能。
“學(xué)習(xí)”模塊提供有視頻編輯技巧、視頻編輯工具合集、視頻錄制、視頻營(yíng)銷、視頻格式轉(zhuǎn)換...等學(xué)習(xí)教程。
?最值得稱贊的是，它提供數(shù)百萬(wàn)免版權(quán)的音頻、視頻和圖片資源，可以隨意搜索、查看，并添加到視頻中。
地址：https://www.7mjs.com/
如果你想做影視解說(shuō)類的視頻，但是自己又不會(huì)寫解說(shuō)文案。此時(shí)，我們就可以來(lái)這個(gè)網(wǎng)站拿現(xiàn)成的，各種類型的影視劇解說(shuō)文案，并且還提供有相應(yīng)的影視資源。
不過(guò)在網(wǎng)站上智能看到解說(shuō)文案的前一部分，后面的文案和影視資源需要VIP或者貓幣才能獲取：
地址：https://www.6pian.cn/koutu.html
一個(gè)超智能的摳圖工具，支持批量摳圖，并且摳圖效果嘎嘎好，摳圖邊緣過(guò)渡很自然，毫無(wú)摳圖痕跡。
上傳圖片后，網(wǎng)站會(huì)自動(dòng)識(shí)別出圖片主體，實(shí)現(xiàn)智能摳圖，并且還可以選擇摳圖模式：通用、汽車、食品、logo。
?最最最贊的是，復(fù)雜背景也能摳得很干凈：
地址：https://yijiangaitu.com/
一款簡(jiǎn)單易用的在線圖片處理工具。
包含的處理功能有：壓縮圖片質(zhì)量/尺寸、生成縮略圖、任意裁剪、生成內(nèi)切圓圖片、打磨圓角、轉(zhuǎn)換格式、添加水印、添加馬賽克）、旋轉(zhuǎn)圖片、銳化、模糊、調(diào)整亮度、調(diào)整對(duì)比度、查看exif 信息等...
地址：https://bigjpg.com/
有時(shí)候我們下載的圖片尺寸太小，手動(dòng)拉伸的話，圖片雖然放大了，但也糊了。
這個(gè)網(wǎng)站可以把圖片無(wú)損放大2倍、4倍、8倍、16倍（8倍和16倍需要升級(jí)才能使用），放大后的圖片質(zhì)量跟原圖沒(méi)什么差別！
地址：https://www.fotor.com/
一個(gè)功能超級(jí)全的在線圖片編輯器，它所包含的功能有裁剪、旋轉(zhuǎn)、調(diào)整、調(diào)色、一鍵摳圖、高級(jí)處理、曲線調(diào)節(jié)、添加濾鏡、添加元素、添加框架、面部精修....
不過(guò)有部分功能，需要專業(yè)版才能用，非專業(yè)版使用的話，會(huì)有水印！
人像精修：
添加濾鏡：
地址：https://essay.1ts.fun/
一個(gè)可以生成論文的生成器，網(wǎng)站內(nèi)已經(jīng)收集超30W篇的數(shù)據(jù)文獻(xiàn)，各個(gè)學(xué)科都有。這不比花錢買論文香嗎！
輸入文章題目、學(xué)科、主關(guān)鍵詞、副關(guān)鍵詞，就可以生成一篇小論文了。 生成的小論文是分段式的，每一段都可重新生成：
還支持在線編輯，完了可以直接復(fù)制：
?雖然這些論文直接拿來(lái)用不現(xiàn)實(shí)，但是可以參考啊，把自己論文的關(guān)鍵詞一輸入，就得到一篇差不多的論文，然后修修改改，不就成自己的了嗎！
地址：https://dayipaper.com/
一個(gè)論文排版工具，它提供快捷模式和編輯器模式兩種方案。快捷模式是對(duì)已有的文檔進(jìn)行快速排版，編輯器模式是將論文元素作組件化處理。
在編輯時(shí)，可以根據(jù)你所在學(xué)校的論文寫作規(guī)范，自動(dòng)調(diào)整你的論文格式，你只用專注于內(nèi)容寫作即可。
?像頁(yè)眉、頁(yè)腳、文獻(xiàn)引用、腳注尾注、目錄、縮進(jìn)、空行、字體...... 都可以一鍵生成。
地址：https://www.cn-ki.net/
一個(gè)由北京大學(xué)、清華大學(xué)、浙江大學(xué)、復(fù)旦大學(xué)等師生學(xué)者共同籌建的網(wǎng)站，旨在促進(jìn)知識(shí)的傳播和最新學(xué)術(shù)科技的共享。
iData平臺(tái)上所有信息均為公開(kāi)發(fā)表的學(xué)術(shù)文獻(xiàn)，由學(xué)者自由上傳，并提供有限的免費(fèi)瀏覽、下載。
如果想通過(guò)idate下載中國(guó)知網(wǎng)的論文，可以點(diǎn)擊右上角的“cnki鏡像搜索”：
此時(shí)搜到的知網(wǎng)參考文獻(xiàn)，都可免費(fèi)下載：
地址：https://airportal.cn/
一個(gè)可以跨設(shè)備傳輸文件的網(wǎng)站，可以說(shuō)是一個(gè)臨時(shí)文件傳送網(wǎng)站，不限速也不用注冊(cè)。
?選擇文件后，可以設(shè)置打開(kāi)密碼，下載次數(shù)以及保存時(shí)間：
?接收方可以通過(guò)取件碼、復(fù)制鏈接、以及掃碼下載文件：
地址：https://webrename.cn/
一個(gè)支持在線文件重命名的網(wǎng)站，支持批量重命名，并且支持多種重命名模式。如果你在日常工作生活中，并不是經(jīng)常對(duì)文件批量重命名，那么完全不用下載專門的軟件，用這個(gè)網(wǎng)站就足夠了。
?上傳文件后，按照自己的需求，選擇工具欄的功能即可，不過(guò)這些功能不能疊加使用，但作為一款免費(fèi)的工具，咱還要啥自行車啊。
地址：https://cloudconvert.com/
一個(gè)支持有200+種文件格式轉(zhuǎn)換的轉(zhuǎn)換器，支持有音頻、視頻、文檔、電子書(shū)、存檔、圖像、電子表格和演示格式等。
我之前轉(zhuǎn)換一個(gè)200多兆的Keynote文件，雖然速度慢點(diǎn)，但也能轉(zhuǎn)換成PPT格式，比很多格式轉(zhuǎn)換工具好多了！
地址：https://cloudconvert.com/
一個(gè)免費(fèi)無(wú)限制的PDF轉(zhuǎn)換工具，支持的功能有格式轉(zhuǎn)換、PDF拆分、合并、壓縮等。并且在轉(zhuǎn)換6小時(shí)后會(huì)自動(dòng)把文件刪除，很安全！
地址：https://www.67tool.com/
一個(gè)有著239款實(shí)用工具的網(wǎng)站，它的工具類別有：視頻、音頻、圖片、PDF、辦公輔助、設(shè)計(jì)、文本、數(shù)字、加密、單位轉(zhuǎn)換...等10種工具。
每個(gè)大類別下是各種實(shí)用小工具，比如視頻工具下，有視頻剪切、格式轉(zhuǎn)換、錄屏、視頻壓縮、視頻倒放......等33個(gè)小工具。
地址：https://233heji.com/8.html
這個(gè)網(wǎng)站，雖說(shuō)網(wǎng)站界面看著跟筆記似的，但資源是真的豐富！
目測(cè)這個(gè)網(wǎng)站里面收錄的網(wǎng)站有上千個(gè)，共有25個(gè)類別，每一個(gè)類別下，都收錄了大量的同類型網(wǎng)站。
在線影視合集站，包含有影視網(wǎng)站、有影視APP、還有歐美劇網(wǎng)站合集、動(dòng)漫網(wǎng)站合集、日韓劇網(wǎng)站合集.....
電子書(shū)小說(shuō)網(wǎng)站合集，包含有網(wǎng)絡(luò)小說(shuō)網(wǎng)站、小說(shuō)搜索網(wǎng)站、電子書(shū)搜索網(wǎng)站、小說(shuō)APP......
地址：https://www.6pian.cn/tool.html
一個(gè)收錄有40個(gè)影視相關(guān)工具的網(wǎng)站，比如剛開(kāi)始推薦的rive，網(wǎng)站內(nèi)就有收錄。
網(wǎng)站內(nèi)收錄的工具，說(shuō)實(shí)話，都比較小眾，但都很實(shí)用。比如說(shuō)影視解說(shuō)文案網(wǎng)站、三維動(dòng)畫制作工具、視頻去背、像素風(fēng)3D建模、視頻壓縮工具......
牛片的一系列好用工具：
牛片AI主播配音：在線配音，免費(fèi)主播音隨意選
牛片一鍵智能字幕：為視頻一鍵添加字幕，音視頻轉(zhuǎn)文字稿
牛片一鍵智能摳圖：AI智能在線摳圖，一鍵摳出圖片主體
牛片圖片動(dòng)漫化：圖片動(dòng)漫化在線處理
牛片圖片年齡變化：年齡變化面貌
牛片人聲分離：歌曲背景音樂(lè)伴奏提取
牛片工具箱：影視創(chuàng)作流程必備效率神器
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
