{"id":4960,"date":"2016-04-09T13:00:12","date_gmt":"2016-04-09T05:00:12","guid":{"rendered":"https:\/\/sdeno.com\/?p=4960"},"modified":"2016-08-22T16:48:14","modified_gmt":"2016-08-22T08:48:14","slug":"%e5%9f%ba%e4%ba%8ejquery%e8%ae%a9%e5%9b%be%e7%89%87%e6%bb%9a%e5%8a%a8%e5%88%b0%e9%a1%b5%e9%9d%a2%e5%8f%af%e8%a7%86%e7%aa%97%e5%8f%a3%e5%90%8e%e5%8a%a0%e8%bd%bd%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=4960","title":{"rendered":"\u57fa\u4e8ejquery\u8ba9\u56fe\u7247\u6eda\u52a8\u5230\u9875\u9762\u53ef\u89c6\u7a97\u53e3\u540e\u52a0\u8f7d\u56fe\u7247"},"content":{"rendered":"

\u6eda\u52a8\u52a0\u8f7d\u56fe\u7247 \u56fe\u7247 \u6eda\u52a8 \u52a0\u8f7d<\/p>\n

<\/div>
<\/div><\/div><\/div>\"scroll_pic\"<\/figure><\/a>
\n
<\/div>
<\/div><\/div><\/div>\"scroll_win\"<\/figure><\/a><\/p>\n
function load_img(){\r\n  $('.scrollimg').each(function(){\r\n      if(($(this).offset().top)< ($(window).scrollTop()+$(window).height()) && $(this)[0].title=='') { \/\/\u5224\u65ad\u56fe\u7247\u662f\u5426\u5728\u53ef\u89c6\u533a\u57df \u5e76\u4e14title==''\uff0c\u4e3a\u4e86\u9632\u6b62\u5df2\u7ecf\u52a0\u8f7d\u6210\u529f\u7684\u56fe\u7247\u53c8\u518d\u6b21\u53bb\u8bf7\u6c42\r\n            if( !$(this).data('loading') ){\/\/\u56fe\u7247\u6ca1data-loading=\"\"\u7684\u5c5e\u6027\u624d\u6267\u884c\uff0c\u9632\u6b62\u6b63\u5728\u52a0\u8f7d\u7684\u56fe\u7247\u53c8\u5728\u4e0d\u65ad\u8bf7\u6c42\r\n               $(this).data('loading','true');\r\n               $(this).attr({ src:$(this).data('url') });\r\n               $(this).load(function(){ $(this)[0].title='ok' });\r\n               $(this).error(function(){ $(this)[0].title='no' });\r\n            }\r\n       }\r\n  });\r\n}\r\nload_img();\r\n\r\n\r\n$(window).scroll(function(){\r\n  load_img();\r\n});\r\n\r\n\r\n<img class=\"scrollimg\" title=\"\" data-url=\"http:\/\/lorempixel.com\/100\/100?0.7218343850690871\" src=\"loading.jpg\" height=\"100\" width=\"100\">\r\n\r\n\r\n\u8fd9\u91cc\u6ce8\u610f \u5c3d\u91cf\u8981\u4e8b\u5148\u5b9a\u4e49\u597d\u56fe\u7247\u7684\u5bbd\u9ad8\uff0c\u4e0d\u7136\u56fe\u7247\u7684offset().top\u5b9a\u4f4d\u5c31\u4e0d\u51c6\u786e\u4e86\uff0c\u56e0\u4e3aDOM\u52a0\u8f7d\u5b8c\u6210\u540eJS\u4ee3\u7801\u5c31\u6267\u884c\u4e86\uff0c\u4e0d\u7b49\u5f85\u56fe\u7247\u52a0\u8f7d\u5b8c\u3002\r\n\r\n<\/pre>\n
\u672c\u7ad9\u6848\u4f8b\uff1ahttps:\/\/sdeno.com\/zp\/scroll_img\/1.html<\/a><\/p>\n
\u300ajquery \u5206\u5c4f\u52a0\u8f7d\u56fe\u7247 \u6eda\u52a8\u52a0\u8f7d\u56fe\u7247<\/a>\u300b\u4ecb\u7ecd\u7684\u662f\u5f20\u946b\u65ed\u7684\u6eda\u52a8\u52a0\u8f7d\u56fe\u7247\u6548\u679c<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6eda\u52a8\u52a0\u8f7d\u56fe\u7247 \u56fe\u7247 \u6eda\u52a8 \u52a0\u8f7d function load_img(){ $(‘.scrollimg’).ea […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,11],"tags":[],"class_list":["post-4960","post","type-post","status-publish","format-standard","hentry","category-jquery","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4960"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4960\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}