lang
="en"
>
>
charset
="utf-8"
>
>
toplisttitle
>
>
*.toplist
.toplist > h1
.toplist > ul
.toplist > ul li
.toplist li > span
/*li:nth-child(n+6)
選中從第6個開始的子元素
負方向範圍
:nth-child(-n+9)
選中從第1個到第9個子元素。使用 :nth-child(-n+9) ，就相當讓你選中第9個和其之前的所有子元素*/
.toplist ul li:nth-child(-n+3) span
.content
.toplist .content p
.content img
.content p
.toplist a
.current .content
style
>
src=
"js/jquery-3.5.1.js"
>
script
>
>$(
function()
,function()
);})
;script
>
head
>
>
class
="toplist"
>
>
電影排行榜h1
>
>
>
>
1span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
>
>
2span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
>
>
3span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
>
>
4span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
>
>
5span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
>
>
6span
>
href
="#"
>
電影名稱a
>
>
class
="content"
>
src=
alt="戰狼"
>
>
簡介:《戰狼》是由吳京執導的現代軍事戰爭片，該片由吳京、餘男、倪大紅、斯科特·阿金斯 、周曉鷗等主演。該影片屬於國內首部3d動作戰爭電影，歷時七年全力打造p
>
div>
li>
ul>
div>
body
>
html
>
JQuery實現電影排行榜
jquery實現電影排行榜 這段時間一直在學習jquery,發現jquery確實功能強大，相對於js來說jquery很多方法都封裝好了。程式設計師可以直接拿來使用。確實方便了很多。下面記錄一下這段時間學習的案例。下面是乙個電影排行榜的效果圖 當滑鼠移動到 電影名稱 處會展開一場的乙個div展現出裡面...
豆瓣電影排行榜獲取
倉庫 開啟豆瓣的電影排行榜，隨機找乙個分類，隨後對頁面進行分析，經過查到，找到了資訊請求的鏈結，返回的是乙個json資料，根據請求鏈結，我們發現url所帶的引數有四個type為分類 start獲得元素起始點，相當於頁數 limit限制，相當於獲取元素終點，interval id action 意義不...
mysql製作排行榜 mysql實現排行榜
博主新人一枚，大家可以提出自己的寶貴意見。下來我們進入正題。大家首先要了解介面的場景，再就是排行榜的規則，我們這裡說的中國式排行榜。排行榜總結了一下分為3種 中國式排行 非中國式排行1 非中國式排行2 1 1 1 2 2 2 2 2 3 3 4 4 3 5 5 4 5 6 5 7 7 select ...