Maison > développement back-end > tutoriel php > javascript - 请问今日头条图片频道布局样式如何实现的?

javascript - 请问今日头条图片频道布局样式如何实现的?

WBOY
Libérer: 2016-09-14 09:41:21
original
1798 Les gens l'ont consulté

今日头条图片频道 toutiao.com/news_image

今日头条的图片布局样式就是下面这种,我只截取了两个,看了下好像是随机的样式(3个图样式,1个图样式)

请问怎样用php实现呢(或者说怎样用php输出不同的样式?什么时候输出三个图的样式?什么时候输出一个图样式,还是随机输出[随机输出一般刷新网页样式就变了])?

javascript - 请问今日头条图片频道布局样式如何实现的?

回复内容:

今日头条图片频道 toutiao.com/news_image

今日头条的图片布局样式就是下面这种,我只截取了两个,看了下好像是随机的样式(3个图样式,1个图样式)

请问怎样用php实现呢(或者说怎样用php输出不同的样式?什么时候输出三个图的样式?什么时候输出一个图样式,还是随机输出[随机输出一般刷新网页样式就变了])?

javascript - 请问今日头条图片频道布局样式如何实现的?

图片分了三种样式,.small .middle .large
每种样式已经固定了宽高
三个图的,.middle样式左浮动,.small样式两个右浮动
图片布局就这样

这样不规则的图片排列,如果就一个链接就截一张图放上去就行,如果是每块都有链接,就画热点,反正是不规则的

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal