【实例简介】

今日头条H5，移动端demo，HTML5。

今日头条H5，移动端demo，HTML5。

【实例截图】

【核心代码】

今日头条_移动端_demo

└── 今日头条

├── article.html

├── channels.html

├── css

│   ├── channels.css

│   ├── fonts

│   │   └── pause_banner.svg

│   ├── index.css

│   ├── search.css

│   └── wap.css

├── images

│   ├── 100.jpg

│   ├── 11fc00079f4962f1d47f.jpg

│   ├── 1232000eec05c3b99473.jpg

│   ├── 12f00011dc2754628a6b.jpg

│   ├── 14530003b45aa7bac805.jpg

│   ├── 14540002eda1ef6d9fe4.jpg

│   ├── 14870008680d0c9f66fc.jpg

│   ├── 14d9000dfd5256a39f86.jpg

│   ├── 151d0009273ef7b3dacc.jpg

│   ├── 15a50006f8975e731208.jpg

│   ├── 16580006a708c9fb6d42.jpg

│   ├── 16a700086610febc01ae.jpg

│   ├── 16ab00030125b50daffe.jpg

│   ├── 16c7000719217f100040.jpg

│   ├── 178200029bca2f253c8a.jpg

│   ├── 18500000f7be5a725e79.jpg

│   ├── 18520000004d5f2f78b0.jpg

│   ├── 18520007f3e97671d485.jpg

│   ├── 1853000278b90cd4308b.jpg

│   ├── 18560006076f5eff6387.jpg

│   ├── 18650002e55e93120f1f.jpg

│   ├── 18a30003e022543aa56a.jpg

│   ├── 18a50004548c75b0722c.jpg

│   ├── 18ae0002f742b49edd96.jpg

│   ├── 18ae0005e5bb88db2ef2.jpg

│   ├── 19250003596f395db3bc.jpg

│   ├── 192c0007dc4dc2908f61.jpg

│   ├── 19470007539b0d9f84f0.jpg

│   ├── 194800075176e44f905b.jpg

│   ├── 1948000751d6c0b510d7.jpg

│   ├── 1948000d26c6301abd7d.jpg

│   ├── 19ec0002429e42f61abb.jpg

│   ├── 19ec0002429e42f61abe.jpg

│   ├── 1a4000024e925040def5.jpg

│   ├── 1a6d0002f28a815a60dc.jpg

│   ├── 1a6d0013bf39b174d1c8.jpg

│   ├── 1a6d001a171363d4e382.jpg

│   ├── 1a6d001bcec1bea1b80c.jpg

│   ├── 1b41000de95612aad95e.jpg

│   ├── 1b4a000125a2c6a47ec2.jpg

│   ├── 1b4e0001d6cb923ef74a.jpg

│   ├── 1b7b00050b0001549726.jpg

│   ├── 1bd00002898ea479d0f3.jpg

│   ├── 1be200051bc821202000.jpg

│   ├── 1bf40016979cac629272.jpg

│   ├── 1bf50015e09b861b9533.jpg

│   ├── 1bf5001fa5197b723853.jpg

│   ├── 1bf60013ea4b0c995a77.jpg

│   ├── 1bf6001db1d5be99d2ed.jpg

│   ├── 1bf70004e5847d249e8b.jpg

│   ├── 1bf70005a213569f5600.jpg

│   ├── 1bf70005a2258fb2aeaf.jpg

│   ├── 1bf70005abe5f4b1c393.jpg

│   ├── 1bf70006bfcef98dd00e.jpg

│   ├── 1bf70007407054b09cda.jpg

│   ├── 1c0c00009fa1b5d19979.jpg

│   ├── 1c1900145c9cdb48020e.jpg

│   ├── 1c4000019a3c6b8bc379.jpg

│   ├── 1c5c000243a09c2f1cad.jpg

│   ├── 1c5c0003f6651f6c8f66.jpg

│   ├── 1c6800059ee25f154115.jpg

│   ├── 1c6b0002210f5a7ca804.jpg

│   ├── 1c6c00006ad3cdb54285.jpg

│   ├── 1c6d0003869f7d72b621.jpg

│   ├── 1cf10001cfa7d6b7c97b.jpg

│   ├── 1d2a000a6f39aab7406d.jpg

│   ├── 1db0001441e994789cdf.jpg

│   ├── 1db10021414265b24098.jpg

│   ├── 1db900050dacbf2f59bb.jpg

│   ├── 1dba0004e11dce840e7d.jpg

│   ├── 1dbe000186371e7ea564.jpg

│   ├── 1dbe0002d39781b56794.jpg

│   ├── 1dbe000386d11c6fc3a0.jpg

│   ├── 1dbe000386d28640c7ba.jpg

│   ├── 1dbe00045015eb732476.jpg

│   ├── 1dbe000450d49cfffffa.jpg

│   ├── 1dc00005d77bd34d3748.jpg

│   ├── 1dc10000a65c26aaa53b.jpg

│   ├── 1dc10000a666c42e3827.jpg

│   ├── 1dc10000a66877dddd26.jpg

│   ├── 1dc10000a66f4f1c745f.jpg

│   ├── 1dc10000dbd5d15b7ef4.jpg

│   ├── 1dc100016790aabd7ee6.jpg

│   ├── 1dc1000167bf84ceca11.jpg

│   ├── 1dc20005f53700b75577.jpg

│   ├── 1dc20006560007be7061.jpg

│   ├── 1dc300062c8397553f16.jpg

│   ├── 1dc40000b05abc114a81.jpg

│   ├── 1dc40000b064a1934628.jpg

│   ├── 1dc40000b06ad5aae05d.jpg

│   ├── 1dc40000b072a51ea1d2.jpg

│   ├── 1dc40000b07c9200bcec.jpg

│   ├── 1dc400013b88129cecc1.jpg

│   ├── 1dc500025462509e93b2.jpg

│   ├── 1dc50002d2f2a2173b47.jpg

│   ├── 1dc5000338e3bc4e167f.jpg

│   ├── 1dc50003862187d321ca.jpg

│   ├── 1dc500038623341ae0d8.jpg

│   ├── 1dc50003863289a57bac.jpg

│   ├── 1dc70004f3b99ec82b85.jpg

│   ├── 1dc70005c1dfcd78463f.jpg

│   ├── 1dc800006368cf2f6ec4.jpg

│   ├── 1dc80000af2fefffb24c.jpg

│   ├── 1dc80000af31ac616ca0.jpg

│   ├── 1dc80000af32828b3f6c.jpg

│   ├── 1dc80000db08c48199a8.jpg

│   ├── 1dc80000db0ad6906892.jpg

│   ├── 1dc80000e4181945a60b.jpg

│   ├── 1dca00018578f239e150.jpg

│   ├── 1dca00026de4222b51c6.jpg

│   ├── 1dca00026ed4bcadf346.jpg

│   ├── 1dca00030f18336018bd.jpg

│   ├── 1dca0003851e529d9c5c.jpg

│   ├── 1dca0003852188a99135.jpg

│   ├── 1dca0003853541069de8.jpg

│   ├── 1dca0003b9354aa2f9f1.jpg

│   ├── 1dcb0005699906245026.jpg

│   ├── 1dcb000c7eb97a7fff6c.jpg

│   ├── 1dcb000c7ec9b076e76e.jpg

│   ├── 1dcb000d091f7784c9c5.jpg

│   ├── 1dcb000d23fb97f433e3.jpg

│   ├── 1dcb000e1ad6ed1aba7d.jpg

│   ├── 1dcc0003b2f0b2a5b0bf.jpg

│   ├── 1dcc0003b3051b155133.jpg

│   ├── 1dcc0009d9818bebc1f3.jpg

│   ├── 1dcc0009d9979098b746.jpg

│   ├── 1dcc000b943c7023a418.jpg

│   ├── 1dcc000c84ffe0345c55.jpg

│   ├── 1dcc000d2aa72786ae89.jpg

│   ├── 1dcc000d2aaff6e40772.jpg

│   ├── 1dcc000d5cbe9da837e9.jpg

│   ├── 1dcc000d6d05ae801ff1.jpg

│   ├── 1dcc000d6d2ffcf507ad.jpg

│   ├── 1dcc000e1fc88f4609bb.jpg

│   ├── 1dcc000ec2a5a83a4713.jpg

│   ├── 1dce0000c2c0b8efdd3a.jpg

│   ├── 1dce00035bca2b48eb3c.jpg

│   ├── 1dce000515d8f42cb2e0.jpg

│   ├── 1dce0005d23721772441.jpg

│   ├── 1dce0005dc1a917dadaa.jpg

│   ├── 1dce0005dc3076dcc12a.jpg

│   ├── 1dce0006dc17cf927a1e.jpg

│   ├── 1dce0006dc1eb309fe17.jpg

│   ├── 1dce0006ecb11a170cbc.jpg

│   ├── 1dce000773115f882281.jpg

│   ├── 1dce0007733b44cec66e.jpg

│   ├── 1dce00079f0eef3719ac.jpg

│   ├── 1dd2000c3b7c0cac4933.jpg

│   ├── 1dd4000c38b975407283.jpg

│   ├── 1e1a0006958e21495f72.jpg

│   ├── 1e1a000862eda90d4005.jpg

│   ├── 1e1b00062bc320d3930d.jpg

│   ├── 1e1c00088a355b1e0a76.jpg

│   ├── 1e1e00016c22f8f79e10.jpg

│   ├── 1e1e0003386b1f3e70f9.jpg

│   ├── 1f7b0000a8cd596524e0.jpg

│   ├── 1f7b0000a8d0ddde3cac.jpg

│   ├── 1f7b0000a8df393b814b.jpg

│   ├── 1f7b0000d3d4429c13d8.jpg

│   ├── 2889309425.jpg

│   ├── 2975850990.jpg

│   ├── 2b60009bdb49c385c9f.jpg

│   ├── 5890011a0fc8bb48892.jpg

│   ├── 5da00088ab6fe6bf2a9.jpg

│   ├── 5da00088ab73366d408.jpg

│   ├── 5da00088ab842ca5a80.jpg

│   ├── 5da00088aba09fdbe32.jpg

│   ├── 5da00088abb5e9cd53b.jpg

│   ├── 5db000888bd21118942.jpg

│   ├── 5db000888becc393809.jpg

│   ├── 5db000888bf2fb81a9b.jpg

│   ├── 5db000888c29e98776e.jpg

│   ├── 5dc00088ac91f504c5e.jpg

│   ├── 5dc00088acb517a30b4.jpg

│   ├── 5dd00088715e4f568f1.jpg

│   ├── 5dd00088716e571fc17.jpg

│   ├── 5dd00088717372eccd7.jpg

│   ├── 5dd0008871871fd7553.jpg

│   ├── 5dd000887194165c637.jpg

│   ├── 5dd0008871ac165160e.jpg

│   ├── 5de00088b3efd1ebc8c.jpg

│   ├── 5de00088b40623aeae8.jpg

│   ├── 7220009c6386d0d5329.jpg

│   ├── 7683862248.jpg

│   ├── 7da0008f036ea868912.jpg

│   ├── addred_channel_titlbar.png

│   ├── arrow_related_video.png

│   ├── banner_ic_close.png

│   ├── banner_toutiao_icon.png

│   ├── bonus_icon.png

│   ├── ce20006e9287555a31c.jpg

│   ├── details_add_icon.png

│   ├── details_audio_icon3.png

│   ├── details_ic_nocomment.png

│   ├── dislikeicon_textpage.png

│   ├── ef6000294318aa5d7ff.jpg

│   ├── feed_ic_message_normal.png

│   ├── feed_ic_search_normal.png

│   ├── header_back.png

│   ├── home_head_default.png

│   ├── noresuiticon_seach.png

│   ├── popup_banner_close.png

│   ├── praise_dynamic.png

│   ├── praise_selected_dynamic.png

│   ├── search_icons.png

│   ├── shadown.png

│   ├── titlebar_refresh_small.png

│   ├── toutiaohao_details.png

│   ├── toutiaoicon_loading_textpage.png

│   ├── ugc_user_vip.png

│   ├── unfold.png

│   ├── videoicon_textpage.png

│   ├── wap_bonus.png

│   ├── wap_ic_more02.png

│   ├── wap_ic_more03.png

│   └── wap_logo.png

├── index.html

├── js

│   ├── base.js

│   ├── channels.js

│   ├── search.js

│   └── tt.player.js

├── newsdetail.html

├── search.html

├── videodetail.html

└── video.html

5 directories, 232 files