首頁 > 後端開發 > php教程 > javascript - 請問今日頭條圖片頻道佈局樣式如何實現的?

javascript - 請問今日頭條圖片頻道佈局樣式如何實現的?

WBOY
發布: 2016-09-14 09:41:21
原創
1798 人瀏覽過

今日頭條圖片頻道 toutiao.com/news_image

今日頭條的圖片佈局樣式就是下面這種,我只截取了兩個,看了下好像是隨機的樣式(3個圖樣式,1個圖樣式)

請問怎樣用php實現呢(或者說怎樣用php輸出不同的樣式?什麼時候輸出三個圖的樣式?什麼時候輸出一個圖樣式,還是隨機輸出[隨機輸出一般刷新網頁樣式就變了])?

javascript - 請問今日頭條圖片頻道佈局樣式如何實現的?

回覆內容:

今日頭條圖片頻道 toutiao.com/news_image

今日頭條的圖片佈局樣式就是下面這種,我只截取了兩個,看了下好像是隨機的樣式(3個圖樣式,1個圖樣式)

請問怎樣用php實作呢(或者說怎樣用php輸出不同的樣式?什麼時候輸出三個圖的樣式?什麼時候輸出一個圖樣式,還是隨機輸出[隨機輸出一般刷新網頁樣式就變了])?

javascript - 請問今日頭條圖片頻道佈局樣式如何實現的?

圖片分了三種樣式,.small .middle .large
每種樣式已經固定了寬高
三個圖的,.middle樣式左浮動,.small樣式兩個右浮動
樣式圖片版面就這樣

這樣不規則的圖片排列,如果就一個鏈接就截一張圖放上去就行,如果是每塊都有鏈接,就畫熱點,反正是不規則的

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板