- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="author" content="" />
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"
- />
- <title>
- new document
- </title>
- <style>
- .mybox{display:flex;flex-wrap:wrap;} .mybox>a{display:block;height:200px;margin:5px;flex-grow:1;}
- .mybox>a>img{height:100%;min-width:100%;object-fit:cover;} .mybox:after{display:block;content:"";flex:99999;}
- </style>
- </head>
- <body>
- <script>
- var data = [{
- "_id": "59b720df421aa9118887ac18",
- "createdAt": "2017-09-12T07:48:47.73Z",
- "desc": "9-12",
- "publishedAt": "2017-09-14T16:36:51.63Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fjgfyxgwgnj20u00gvgmt.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59b5cfb5421aa9118887ac0b",
- "createdAt": "2017-09-11T07:50:13.510Z",
- "desc": "9-11",
- "publishedAt": "2017-09-12T08:15:08.26Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fjfae1hjslj20u00tyq4x.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "599f7362421aa901c85e5fc2",
- "createdAt": "2017-08-25T08:46:26.461Z",
- "desc": "8-25",
- "publishedAt": "2017-09-06T12:18:11.687Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fivohbbwlqj20u011idmx.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59aca203421aa901c1c0a8d8",
- "createdAt": "2017-09-04T08:44:51.44Z",
- "desc": "09-04",
- "publishedAt": "2017-09-05T11:29:05.240Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fj78mpyvubj20u011idjg.jpg",
- "used": true,
- "who": "dmj"
- },
- {
- "_id": "59a8cfdc421aa901c1c0a8c7",
- "createdAt": "2017-09-01T11:11:24.81Z",
- "desc": "9-1",
- "publishedAt": "2017-09-01T12:55:52.582Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fj3w0emfcbj20u011iabm.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59a35f6d421aa901b9dc4643",
- "createdAt": "2017-08-28T08:10:21.141Z",
- "desc": "8-28",
- "publishedAt": "2017-08-29T12:19:18.634Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fiz4ar9pq8j20u010xtbk.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "599e2220421aa901b9dc462d",
- "createdAt": "2017-08-24T08:47:28.949Z",
- "desc": "8-24",
- "publishedAt": "2017-08-24T12:43:10.124Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fiuiw5givwj20u011h79a.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "599ccace421aa901c85e5fb8",
- "createdAt": "2017-08-23T08:22:38.611Z",
- "desc": "8-23",
- "publishedAt": "2017-08-23T12:12:15.166Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fitcjyruajj20u011h412.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "599b7cf5421aa901c1c0a867",
- "createdAt": "2017-08-22T08:38:13.732Z",
- "desc": "8-22",
- "publishedAt": "2017-08-22T12:02:15.769Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fis7dvesn6j20u00u0jt4.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "599a299a421aa901b9dc460f",
- "createdAt": "2017-08-21T08:30:18.487Z",
- "desc": "8-21",
- "publishedAt": "2017-08-21T11:38:57.363Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fir1jbpod5j20ip0newh3.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "599386fe421aa9672cdf0812",
- "createdAt": "2017-08-16T07:42:54.135Z",
- "desc": "8-16",
- "publishedAt": "2017-08-17T11:36:42.967Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fil82i7zsmj20u011hwja.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "599237dd421aa96729c57246",
- "createdAt": "2017-08-15T07:53:01.962Z",
- "desc": "8-15",
- "publishedAt": "2017-08-15T13:32:36.998Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fik2q1k3noj20u00u07wh.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59907386421aa9672cdf07ff",
- "createdAt": "2017-08-13T23:43:02.253Z",
- "desc": "8-13",
- "publishedAt": "2017-08-14T17:04:50.266Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fiiiyfcjdoj20u00u0ju0.jpg",
- "used": true,
- "who": "dmj"
- },
- {
- "_id": "598bb8f0421aa90ca3bb6c01",
- "createdAt": "2017-08-10T09:37:52.684Z",
- "desc": "8-10",
- "publishedAt": "2017-08-11T14:05:53.749Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fiednrydq8j20u011itfz.jpg",
- "used": true,
- "who": "\u5e26\u9a6c\u7532"
- },
- {
- "_id": "598a5478421aa90ca3bb6bfc",
- "createdAt": "2017-08-09T08:16:56.373Z",
- "desc": "8-9",
- "publishedAt": "2017-08-09T13:49:27.260Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fid5poqfznj20u011imzm.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "598886d9421aa90ca209c570",
- "createdAt": "2017-08-07T23:27:21.296Z",
- "desc": "8-8",
- "publishedAt": "2017-08-08T11:34:20.37Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fibksd2mbmj20u011iacx.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59826564421aa90ca3bb6bda",
- "createdAt": "2017-08-03T07:51:00.249Z",
- "desc": "8-3",
- "publishedAt": "2017-08-03T12:08:07.258Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fi678xgq1ij20pa0vlgo4.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "59810747421aa90ca3bb6bcc",
- "createdAt": "2017-08-02T06:57:11.207Z",
- "desc": "8-2",
- "publishedAt": "2017-08-02T12:21:45.220Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fi502l3eqjj20u00hz41j.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "597e622f421aa97de5c7c9ea",
- "createdAt": "2017-07-31T06:48:15.386Z",
- "desc": "7-31",
- "publishedAt": "2017-08-01T11:48:20.466Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fi2okd7dtjj20u011h40b.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "5979848e421aa90ca209c4f7",
- "createdAt": "2017-07-27T14:13:34.914Z",
- "desc": "7-27",
- "publishedAt": "2017-07-27T14:16:33.773Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "http://ww1.sinaimg.cn/large/610dc034ly1fhyeyv5qwkj20u00u0q56.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "597858e3421aa97de5c7c9b5",
- "createdAt": "2017-07-26T16:54:59.321Z",
- "desc": "7-26",
- "publishedAt": "2017-07-26T16:57:39.343Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "http://ww1.sinaimg.cn/large/610dc034ly1fhxe0hfzr0j20u011in1q.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59761946421aa90ca209c4d5",
- "createdAt": "2017-07-24T23:59:02.992Z",
- "desc": "7-25",
- "publishedAt": "2017-07-25T15:25:42.391Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fhvf13o2eoj20u011hjx6.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59754e41421aa97de5c7c99d",
- "createdAt": "2017-07-24T09:32:49.583Z",
- "desc": "7-24",
- "publishedAt": "2017-07-24T12:13:11.280Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fhupzs0awwj20u00u0tcf.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "596ffd1e421aa97de5c7c975",
- "createdAt": "2017-07-20T08:45:18.437Z",
- "desc": "7-20",
- "publishedAt": "2017-07-20T15:11:16.10Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhq25406waj20u00u0b29.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "596ea620421aa90c9203d3bc",
- "createdAt": "2017-07-19T08:21:52.67Z",
- "desc": "7-19",
- "publishedAt": "2017-07-19T13:23:20.375Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhovjwwphfj20u00u04qp.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "596d5739421aa97de5c7c959",
- "createdAt": "2017-07-18T08:32:57.632Z",
- "desc": "7-18",
- "publishedAt": "2017-07-18T16:12:55.381Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhnqjm1vczj20rs0rswia.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59681987421aa97de5c7c92f",
- "createdAt": "2017-07-14T09:08:23.898Z",
- "desc": "7 \u6708 17 \u65e5",
- "publishedAt": "2017-07-17T12:22:21.307Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhj5228gwdj20u00u0qv5.jpg",
- "used": true,
- "who": "\u5e26\u9a6c\u7532"
- },
- {
- "_id": "596819b7421aa90ca209c45f",
- "createdAt": "2017-07-14T09:09:11.591Z",
- "desc": "RIP",
- "publishedAt": "2017-07-14T13:24:31.177Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhj53yz5aoj21hc0xcn41.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "5966c4b8421aa90ca209c452",
- "createdAt": "2017-07-13T08:54:16.862Z",
- "desc": "7-13",
- "publishedAt": "2017-07-13T12:28:15.167Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhhz28n9vyj20u00u00w9.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59656ba8421aa97de5c7c91b",
- "createdAt": "2017-07-12T08:22:00.873Z",
- "desc": "7-12",
- "publishedAt": "2017-07-12T13:05:59.766Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhgsi7mqa9j20ku0kuh1r.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59641954421aa90c9203d362",
- "createdAt": "2017-07-11T08:18:28.124Z",
- "desc": "\u4f50\u4f50\u6728\u5e0c",
- "publishedAt": "2017-07-11T13:46:33.911Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhfmsbxvllj20u00u0q80.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "5962c411421aa90ca209c425",
- "createdAt": "2017-07-10T08:02:25.353Z",
- "desc": "7-10",
- "publishedAt": "2017-07-10T12:48:49.297Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhegpeu0h5j20u011iae5.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "595ed766421aa90ca209c407",
- "createdAt": "2017-07-07T08:35:50.172Z",
- "desc": "7-7",
- "publishedAt": "2017-07-07T12:14:57.685Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fhb0t7ob2mj20u011itd9.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "595d82f6421aa90ca3bb6aaa",
- "createdAt": "2017-07-06T08:23:18.945Z",
- "desc": "07-06",
- "publishedAt": "2017-07-06T11:57:03.770Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034gy1fh9utulf4kj20u011itbo.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "595c2f23421aa90ca209c3f0",
- "createdAt": "2017-07-05T08:13:23.237Z",
- "desc": "2017-07-5",
- "publishedAt": "2017-07-05T11:15:30.556Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fh8ox6bmjlj20u00u0mz7.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "595ad246421aa90ca3bb6a91",
- "createdAt": "2017-07-04T07:24:54.820Z",
- "desc": "7-4",
- "publishedAt": "2017-07-04T11:50:36.484Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fh7hwi9lhzj20u011hqa9.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "5941db7b421aa92c794633cd",
- "createdAt": "2017-06-15T08:57:31.47Z",
- "desc": "6-15",
- "publishedAt": "2017-06-15T13:55:57.947Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgllsthvu1j20u011in1p.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "593f1ff7421aa92c73b64803",
- "createdAt": "2017-06-13T07:12:55.795Z",
- "desc": "6-13",
- "publishedAt": "2017-06-14T11:34:54.556Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgj7jho031j20u011itci.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "593dde44421aa92c73b647f5",
- "createdAt": "2017-06-12T08:20:20.475Z",
- "desc": "6-12",
- "publishedAt": "2017-06-12T11:11:11.25Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgi3vd6irmj20u011i439.jpg",
- "used": true,
- "who": "\u4ee3\u7801\u5bb6"
- },
- {
- "_id": "5939fcb1421aa92c7be61bd5",
- "createdAt": "2017-06-09T09:41:05.305Z",
- "desc": "6-9",
- "publishedAt": "2017-06-09T12:50:03.131Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgepc1lpvfj20u011i0wv.jpg",
- "used": true,
- "who": "dmj"
- },
- {
- "_id": "5938c377421aa92c7be61bcb",
- "createdAt": "2017-06-08T11:24:39.838Z",
- "desc": "6-8",
- "publishedAt": "2017-06-08T11:27:47.21Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgdmpxi7erj20qy0qyjtr.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "593774e7421aa92c79463375",
- "createdAt": "2017-06-07T11:37:11.749Z",
- "desc": "6-7",
- "publishedAt": "2017-06-07T11:43:31.396Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgchgnfn7dj20u00uvgnj.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "5936223c421aa92c73b647c7",
- "createdAt": "2017-06-06T11:32:12.609Z",
- "desc": "6-6",
- "publishedAt": "2017-06-06T11:36:13.568Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fgbbp94y9zj20u011idkf.jpg",
- "used": true,
- "who": "dmj"
- },
- {
- "_id": "5931fd87421aa92c769a8c03",
- "createdAt": "2017-06-03T08:06:31.648Z",
- "desc": "6-3",
- "publishedAt": "2017-06-03T11:15:41.272Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/d23c7564ly1fg7ow5jtl9j20pb0pb4gw.jpg",
- "used": true,
- "who": "dmj"
- },
- {
- "_id": "5930e560421aa92c7be61b93",
- "createdAt": "2017-06-02T12:11:12.694Z",
- "desc": "6-2",
- "publishedAt": "2017-06-02T12:26:37.346Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/d23c7564ly1fg6qckyqxkj20u00zmaf1.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "592f5798421aa92c769a8bf1",
- "createdAt": "2017-06-01T07:54:00.225Z",
- "desc": "6-1",
- "publishedAt": "2017-06-01T14:35:22.88Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1fg5dany6uzj20u011iq60.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "5927bc01421aa92c79463324",
- "createdAt": "2017-05-26T13:24:17.785Z",
- "desc": "5-26",
- "publishedAt": "2017-05-26T13:43:32.128Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1ffyp4g2vwxj20u00tu77b.jpg",
- "used": true,
- "who": "daimajia"
- },
- {
- "_id": "59266b58421aa92c7be61b4f",
- "createdAt": "2017-05-25T13:27:52.816Z",
- "desc": "5-25",
- "publishedAt": "2017-05-25T13:32:48.92Z",
- "source": "chrome",
- "type": "\u798f\u5229",
- "url": "https://ws1.sinaimg.cn/large/610dc034ly1ffxjlvinj5j20u011igri.jpg",
- "used": true,
- "who": "daimajia"
- }];
- var i = 0,
- ii = data.length;
- document.write("<div class='mybox'>");
- for (; i < ii; i++) {
- document.write("<a href='" + data[i].url + "'target='_blank'><img src='" + data[i].url + "'alt='' /></a>");
- }
- document.write("</div>");
- </script>
- </body>
- </html>
- css
来源: http://www.qdfuns.com/article/11445/a8cf4a780c113627d7789063a26e1d29.html