{"id":1964,"date":"2017-09-08T16:35:05","date_gmt":"2017-09-08T08:35:05","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=1964"},"modified":"2017-09-08T16:35:05","modified_gmt":"2017-09-08T08:35:05","slug":"jquery%e4%bb%bfiphone%e6%bb%91%e5%9d%97%e5%ae%9e%e7%8e%b0%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e9%a2%84%e8%a7%88%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=1964","title":{"rendered":"jQuery\u4effiPhone\u6ed1\u5757\u5b9e\u73b0\u56fe\u7247\u6ed1\u52a8\u9884\u89c8\u6548\u679c"},"content":{"rendered":"

\n\tiPhone \u6709\u4e00\u4e2a\u6ed1\u5757\u529f\u80fd\uff0c\u770b\u8d77\u6765\u975e\u5e38\u7684\u70ab\u3002\u4eca\u5929\u6211\u4eec\u4f7f\u7528 jQuery \u6765\u6a21\u4eff\u4e00\u4e2a iPhone \u6ed1\u5757\u3002\n<\/p>\n

\n\t\u8be5 iPhone \u6ed1\u5757\u7684\u5b9e\u73b0\u5f88\u7b80\u5355\uff0c\u5176\u539f\u7406\u662f\u4f7f\u7528 animate \u52a8\u753b\uff0c\u5b9e\u73b0\u6ed1\u52a8\u6548\u679c\u3002\u7136\u540e\u5728\u6ed1\u52a8\u7684\u540c\u65f6\uff0c\u66f4\u6362\u9700\u8981\u6d4f\u89c8\u7684\u56fe\u7247\u5373\u53ef\u3002\n<\/p>\n

\n\t\u76f8\u5173\u8fd0\u884c\u6548\u679c\u622a\u56fe\u5982\u4e0b\uff1a\n<\/p>\n

\n\t\"iPhone\u6ed1\u5757\u52a8\u753b\u6548\u679c\u56fe\"\n<\/p>\n

\n\t\u76f8\u5173\u4e3b\u8981\u7684\u5b9e\u73b0\u4ee3\u7801\u5982\u4e0b\uff1a\n<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<title>jquery\u82f9\u679c\u89e3\u9501\u6ed1\u5757\u5e7b\u706f\u7247<\/title>\r\n<link href="css\/style.css" type="text\/css" rel="stylesheet" \/>\r\n<script type="text\/javascript" src="js\/jquery.1.4.2-min.js"><\/script>\r\n<\/head>\r\n<body>\r\n<!--\u6f14\u793a\u5185\u5bb9\u5f00\u59cb-->\r\n<style type="text\/css">\r\n*{margin:0;padding:0;list-style-type:none;}\r\na,img{border:0;}\r\nbody{font:12px\/180% Arial, Helvetica, sans-serif, "\u65b0\u5b8b\u4f53";}\r\n\/* changeBox_a1 *\/\r\n.changeBox_a1{position:relative;height:397px;width:732px;overflow:hidden;margin:30px auto;}\r\n.changeBox_imgs{position:relative;height:354px;width:732px;overflow:hidden;clear:both;}\r\n.changeBox_imgs_list{position:absolute;width:9999px;}\r\n.changeBox_imgs_list li{float:left;height:354px;width:732px;}\r\n\/* ul_change *\/\r\n.ul_change,.ul_change .arrow_bar{background:url(images\/bannerTag.gif) no-repeat;}\r\n.ul_change{position:relative;width:1000px;height:43px;left:0px;bottom:0px;background-position:0 0;}\r\n.ul_change .arrow_bar{position:absolute;width:181px;height:34px;background-position:-3px -46px;color:#565253;z-index:8;\r\ntop:3px;left:3px;cursor:pointer;}\r\n.ul_change li{display:block;_display:inline-block;float:left;position:relative;width:181px;height:40px;\r\nline-height:40px;padding-top:3px;z-index:9;margin:0 84px 0 3px;text-align:center;color:#8F8F8F;font-size:14px;\r\nfont-weight:bolder;font-family:'\u5fae\u8f6f\u96c5\u9ed1','\u5b8b\u4f53';cursor:pointer;}\r\n<\/style>\r\n<div id="change_1" class="changeBox_a1">\r\n\t<div class="changeBox_imgs">\r\n\t\t<ul class="changeBox_imgs_list">\r\n\t\t\t<li><a href="#" target="_blank"><img width="732" height="354" alt="\u6237\u5916\u6444\u5f71" src="images\/banner1.jpg" \/><\/a><\/li>\r\n\t\t\t<li><a href="#" target="_blank"><img width="732" height="354" alt="\u6237\u5916\u6444\u5f71" src="images\/banner2.jpg" \/><\/a><\/li>\r\n\t\t\t<li><a href="#" target="_blank"><img width="732" height="354" alt="\u6237\u5916\u6444\u5f71" src="images\/banner3.jpg" \/><\/a><\/li>\r\n\t\t<\/ul>\r\n\t<\/div>\r\n\t<ul class="ul_change">\r\n\t\t<li id="changeBox_arrow_bar" class="arrow_bar"><\/li>\r\n\t\t<li class="tagLi3" idx="1">\u6237\u5916\u6444\u5f71<\/li>\r\n\t\t<li class="tagLi2" idx="2">\u6237\u5916\u6444\u5f71<\/li>\r\n\t\t<li class="tagLi1" idx="3">\u6237\u5916\u6444\u5f71<\/li>\r\n\t<\/ul>     \r\n<\/div>\r\n<script type="text\/javascript">\r\nfunction BannerImages(){\r\n\tvar b = $("#changeBox_arrow_bar"),\r\n\t\tc = $("ul.ul_change li:not(.arrw_bar)"),\r\n\t\te = $("ul.changeBox_imgs_list"),\r\n\t\td = true,\r\n\t\tf = 1; \r\n\tvar a = function(){\r\n\t\tvar j = (732 * f - 732),j = j == 0 ? 0 : -j,i = 500;\r\n\t\te.animate({ left: j + "px" }, i)\r\n\t};\t\r\n\te.find("img").hover(function(){\r\n\t\tclearInterval(h)\r\n\t},function(){\r\n\t\tg()\r\n\t});\t\r\n\tc.click(function(){\r\n\t\tvar j = $(this), i = j.position().left + 3;\r\n\t\tf = j.attr("idx");\r\n\t\ta();\r\n\t\tb.animate({ left: i + "px" },500,function(){\r\n\t\t\td = true\r\n\t\t})\r\n\t}).mouseover(function(){\r\n\t\tif(!d){\r\n\t\t\treturn\r\n\t\t}\r\n\t\tclearInterval(h);\r\n\t\td = false; \r\n\t\t$(this).click()\r\n\t}).mouseout(function(){\r\n\t\tif(!d){\r\n\t\t\treturn\r\n\t\t}\r\n\t\tg()\r\n\t});\t\r\n\tvar h = null;\t\r\n\tvar g = function(){\r\n\t\th = setInterval(function(){\r\n\t\t\tf++;\r\n\t\t\tif (f > 3){\r\n\t\t\t\tf = 1\r\n\t\t\t}\r\n\t\t\tc.eq(f).click()\r\n\t\t}, 4000)\r\n\t};\r\n\tg()\r\n};\r\n$(document).ready(function(){\r\n\tBannerImages();\/\/Banner\u6ed1\u52a8\u6548\u679c\r\n});\r\n<\/script>\r\n<!-- \u4e1a\u4f59\u8349\uff1awww.xttblog.com -->\r\n<\/body>\r\n<\/html><\/pre>\n
\n\t\u76f8\u5173\u6e90\u7801\u5df2\u4e0a\u4f20\u81f3\u94fe\u63a5\uff1ahttp:\/\/pan.baidu.com\/s\/1bSmfTk<\/a> \u5bc6\u7801\uff1anxit<\/p>\n
\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/<\/p>
\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1axttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p>
\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a\u4e1a\u4f59\u8349<\/a>\uff1a » jQuery\u4effiPhone\u6ed1\u5757\u5b9e\u73b0\u56fe\u7247\u6ed1\u52a8\u9884\u89c8\u6548\u679c<\/a><\/p>","protected":false},"excerpt":{"rendered":"
iPhone \u6709\u4e00\u4e2a\u6ed1\u5757\u529f\u80fd\uff0c\u770b\u8d77\u6765\u975e\u5e38\u7684\u70ab\u3002\u4eca\u5929\u6211\u4eec\u4f7f\u7528 jQuery \u6765\u6a21\u4eff\u4e00\u4e2a iPhone \u6ed1\u5757\u3002 \u8be5 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[1498,49],"class_list":["post-1964","post","type-post","status-publish","format-standard","hentry","category-html5","tag-iphone","tag-jquery"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1964"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1964\/revisions"}],"predecessor-version":[{"id":1965,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1964\/revisions\/1965"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}