Heim >Backend-Entwicklung >PHP-Tutorial >javascript - Wie implementiert man den Layoutstil des Toutiao-Bildkanals?

javascript - Wie implementiert man den Layoutstil des Toutiao-Bildkanals?

WBOY
WBOYOriginal
2016-09-14 09:41:211775Durchsuche

Der heutige Toutiao Picture Channel toutiao.com/news_image

Der Bildlayoutstil von Toutiao ist wie folgt: Ich habe nur zwei abgefangen, und es scheint sich um zufällige Stile zu handeln (3 Bildstile, 1 Bildstil)

Wie verwende ich PHP, um dies zu implementieren (oder wie verwende ich PHP, um verschiedene Stile auszugeben? Wann geben Sie drei Bildstile aus? Wann geben Sie einen Bildstil aus oder geben Sie ihn zufällig aus? [Die zufällige Ausgabe ändert sich im Allgemeinen, wenn Sie aktualisieren die Webseite]] )?

javascript - Wie implementiert man den Layoutstil des Toutiao-Bildkanals?

Antwortinhalt:

Der heutige Toutiao Picture Channel toutiao.com/news_image

Der Bildlayoutstil von Toutiao ist wie folgt: Ich habe nur zwei abgefangen, und es scheint sich um zufällige Stile zu handeln (3 Bildstile, 1 Bildstil)

Wie verwende ich PHP, um dies zu implementieren (oder wie verwende ich PHP, um verschiedene Stile auszugeben? Wann geben Sie drei Bildstile aus? Wann geben Sie einen Bildstil aus oder geben Sie ihn zufällig aus? [Die zufällige Ausgabe ändert sich im Allgemeinen, wenn Sie aktualisieren die Webseite]] )?

javascript - Wie implementiert man den Layoutstil des Toutiao-Bildkanals?

Die Bilder sind in drei Stile unterteilt, .small .middle .large
Jeder Stil hat eine feste Breite und Höhe
für die drei Bilder, der .middle-Stil schwebt auf der linken Seite und der .kleiner Stil zwei rechts Schwebend
Das Bildlayout ist so

Wenn es bei einer solchen unregelmäßigen Bildanordnung nur einen Link gibt, machen Sie einfach einen Screenshot und platzieren Sie ihn. Wenn es in jedem Block Links gibt, zeichnen Sie einfach Hotspots. Es ist sowieso unregelmäßig

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn