{"id":4828,"date":"2016-03-03T13:35:04","date_gmt":"2016-03-03T05:35:04","guid":{"rendered":"https:\/\/sdeno.com\/?p=4828"},"modified":"2016-03-03T13:36:36","modified_gmt":"2016-03-03T05:36:36","slug":"%e5%93%8d%e5%ba%94%e5%bc%8f%e5%86%85%e5%ae%b9%e6%bb%91%e5%8a%a8%e6%8f%92%e4%bb%b6bxslider","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=4828","title":{"rendered":"\u54cd\u5e94\u5f0f\u5185\u5bb9\u6ed1\u52a8\u63d2\u4ef6bxSlider"},"content":{"rendered":"

\u54cd\u5e94\u5f0f \u5e7b\u706f\u7247 \u624b\u673a<\/p>\n

<\/div>
<\/div><\/div><\/div>\"pc_mobile\"<\/figure><\/a>\n

\u7126\u70b9\u56fe \u5e7b\u706f\u7247 \u517c\u5bb9IE7\/8\uff0c\u540c\u65f6\u4e5f\u652f\u6301\u624b\u673a\u624b\u52bf\u5207\u6362<\/p>\n

 <\/p>\n

 <\/p>\n

bxSlider\u7279\u6027<\/h4>\n

1.\u5145\u5206\u54cd\u5e94\u5404\u79cd\u8bbe\u5907\uff0c\u9002\u5e94\u5404\u79cd\u5c4f\u5e55\uff1b<\/p>\n

2.\u652f\u6301\u591a\u79cd\u6ed1\u52a8\u6a21\u5f0f\uff0c\u6c34\u5e73\u3001\u5782\u76f4\u4ee5\u53ca\u6de1\u5165\u6de1\u51fa\u6548\u679c\uff1b<\/p>\n

3.\u652f\u6301\u56fe\u7247\u3001\u89c6\u9891\u4ee5\u53ca\u4efb\u610fhtml\u5185\u5bb9\uff1b<\/p>\n

4.\u652f\u6301\u89e6\u6478\u6ed1\u52a8\uff1b<\/p>\n

5.\u652f\u6301Firefox\uff0cChrome\uff0cSafari\uff0ciOS\uff0cAndroid\uff0cIE7+<\/p>\n

\u5982\u4f55\u4f7f\u7528bxSlider<\/h4>\n

1\u3001\u9996\u5148\u662f\u52a0\u8f7djQuery\u5e93\uff0c\u4ee5\u53cabxSlider\u63d2\u4ef6\u6587\u4ef6\u548c\u76f8\u5173CSS\u6587\u4ef6\uff0c\u60a8\u53ef\u4ee5\u4ece\u5b98\u65b9\u7f51\u7ad9\u4e0b\u8f7d\u6700\u65b0\u7248\u672c\u7684bxSlider<\/a>\u3002<\/p>\n

<link<\/span>\u00a0rel<\/span>=\"stylesheet\"<\/span>\u00a0type<\/span>=\"text\/css\"<\/span>\u00a0href<\/span>=\"jquery.bxslider.css\"<\/span>><\/span>\u00a0\r\n<script<\/span>\u00a0src<\/span>=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.2\/jquery.min.js\"<\/span>><\/span><\/script><\/span>\u00a0\r\n<script<\/span>\u00a0src<\/span>=\"jquery.bxslider.min.js\"<\/span>><\/span><\/script><\/span>\u00a0\r\n<\/code><\/pre>\n
2\u3001\u51c6\u5907\u6ed1\u52a8\u5185\u5bb9\uff0c\u6211\u4eec\u521b\u5efa\u4e00\u4e2aul.bxslider\uff0c\u7136\u540e\u5728\u5176\u5b50\u5143\u7d20li\u4e2d\u52a0\u5165\u6ed1\u52a8\u5185\u5bb9\uff0c\u6ed1\u52a8\u5185\u5bb9\u53ef\u4ee5\u662f\u56fe\u7247\u3001\u89c6\u9891\u4ee5\u53ca\u4efb\u610fhtml\u5185\u5bb9\uff1a<\/p>\n
<ul<\/span>\u00a0class<\/span>=\"bxslider\"<\/span>><\/span>\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li<\/span>><\/span><img<\/span>\u00a0src<\/span>=\"images\/s1.jpg\"<\/span>\u00a0\/><\/span><\/li><\/span>\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li<\/span>><\/span><img<\/span>\u00a0src<\/span>=\"images\/s2.jpg\"<\/span>\u00a0\/><\/span><\/li><\/span>\u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<li<\/span>><\/span><img<\/span>\u00a0src<\/span>=\"images\/s3.jpg\"<\/span>\u00a0\/><\/span><\/li><\/span>\u00a0\r\n<\/ul><\/span>\u00a0\r\n<\/code><\/pre>\n
3\u3001\u8c03\u7528bxSlider\u63d2\u4ef6\uff0c\u5f53\u9875\u9762\u5185\u5bb9\u52a0\u8f7d\u5b8c\u65f6\u8c03\u7528bxSlider\u3002<\/p>\n
$(function<\/span>(){<\/span>\u00a0\r\n\u00a0\u00a0\u00a0\u00a0$('.bxslider'<\/span>).bxSlider();\u00a0\r\n}<\/span>);\u00a0\r\n<\/code><\/pre>\n
bxSlider\u9009\u9879\u8bbe\u7f6e<\/h4>\n
bxSlider\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u9009\u9879\u53ef\u914d\u7f6e\uff0c\u4ee5\u4e0b\u6211\u4eec\u5217\u51fa\u6700\u4e3b\u8981\u4e5f\u662f\u6700\u5e38\u7528\u7684\u9009\u9879\u8bbe\u7f6e\u3002<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53c2\u6570<\/td>\n\u63cf\u8ff0<\/td>\n\u9ed8\u8ba4\u503c<\/td>\n<\/tr>\n
mode<\/td>\n\u8bbe\u7f6e\u6ed1\u52a8\u6a21\u5f0f\uff0c’horizontal’:\u6c34\u5e73, ‘vertical’:\u5782\u76f4, ‘fade’:\u6de1\u5165\u6de1\u51fa<\/td>\nhorizontal<\/td>\n<\/tr>\n
speed<\/td>\n\u5185\u5bb9\u5207\u6362\u901f\u5ea6\uff0c\u6570\u5b57\uff0cms<\/td>\n500<\/td>\n<\/tr>\n
startSlide<\/td>\n\u521d\u59cb\u6ed1\u52a8\u4f4d\u7f6e\uff0c\u6570\u5b57<\/td>\n0<\/td>\n<\/tr>\n
randomStart<\/td>\n\u968f\u673a\u521d\u59cb\u6ed1\u52a8\u4f4d\u7f6e<\/td>\ntrue<\/td>\n<\/tr>\n
infiniteLoop<\/td>\n\u5faa\u73af\u6ed1\u52a8\uff0c\u5982\u679c\u8bbe\u7f6e\u4e3atrue\u65f6\uff0c\u5219\u5230\u6700\u540e\u6ed1\u52a8\u4f4d\u7f6e\u65f6\u4f1a\u5207\u6362\u5230\u521d\u59cb\u4f4d\u7f6e<\/td>\ntrue<\/td>\n<\/tr>\n
easing<\/td>\n\u5207\u6362\u52a8\u753b\u6269\u5c55\uff0c\u53ef\u4ee5\u501f\u52a9jQuery Easing \u52a8\u753b\u6548\u679c\u6269\u5c55<\/a>\u8bbe\u7f6e\u4e0d\u540c\u7684\u5207\u6362\u52a8\u753b\u6548\u679c<\/td>\nnull<\/td>\n<\/tr>\n
captions<\/td>\n\u8bbe\u7f6e\u663e\u793a\u56fe\u7247\u6807\u9898\uff0c\u5f53\u6ed1\u52a8\u5185\u5bb9\u4e3a\u56fe\u7247\u65f6\u5e76\u8bbe\u7f6e\u5c5e\u6027title\uff0c\u53ef\u4ee5\u663e\u793a\u56fe\u7247\u6807\u9898<\/td>\nfalse<\/td>\n<\/tr>\n
video<\/td>\n\u652f\u6301\u89c6\u9891\uff0c\u5f53\u8bbe\u7f6e\u4e3atrue\u65f6\uff0c\u9700\u8981jquery.fitvids.js<\/a>\u652f\u6301<\/td>\nfalse<\/td>\n<\/tr>\n
pager<\/td>\n\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u5206\u9875\uff0c\u8bbe\u7f6e\u4e3atrue\u65f6\uff0c\u4f1a\u5728\u6ed1\u52a8\u5185\u5bb9\u4e0b\u65b9\u663e\u793a\u5206\u9875\u56fe\u6807<\/td>\ntrue<\/td>\n<\/tr>\n
controls<\/td>\n\u8bbe\u7f6e\u662f\u5426\u663e\u793a\u4e0a\u4e00\u526f\u548c\u4e0b\u4e00\u5e45\u6309\u94ae<\/td>\ntrue<\/td>\n<\/tr>\n
auto<\/td>\n\u8bbe\u7f6e\u662f\u5426\u81ea\u52a8\u6ed1\u52a8<\/td>\nfalse<\/td>\n<\/tr>\n
pause<\/td>\n\u81ea\u52a8\u6ed1\u52a8\u65f6\u505c\u7559\u65f6\u95f4\uff0c\u6570\u5b57\uff0cms<\/td>\n4000<\/td>\n<\/tr>\n
autoHover<\/td>\n\u5f53\u9f20\u6807\u6ed1\u5411\u6ed1\u52a8\u5185\u5bb9\u4e0a\u65f6\uff0c\u662f\u5426\u6682\u505c\u6ed1\u52a8<\/td>\nfalse<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u66f4\u591abxSlider\u7684\u9009\u9879\u8bbe\u7f6e\uff0c\u8bf7\u53c2\u7167bxSlider\u5b98\u7f51\uff1a<\/span>http:\/\/bxslider.com\/options<\/a><\/p>\n
http:\/\/www.helloweba.com\/view-blog-219.html<\/a><\/p>\n
http:\/\/pan.baidu.com\/s\/1ntOScC5<\/a><\/p>\n
\u8fd8\u6709\u540c\u6b3e\u4e0d\u9519\u7684\u5e7b\u706f\u7247 \u867d\u7136\u4e0d\u652f\u6301\u624b\u52bf\u4f46\u662f\u4e5f\u662f\u54cd\u5e94\u5f0fhttps:\/\/sdeno.com\/?p=3668<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u54cd\u5e94\u5f0f \u5e7b\u706f\u7247 \u624b\u673a \u7126\u70b9\u56fe \u5e7b\u706f\u7247 \u517c\u5bb9IE7\/8\uff0c\u540c\u65f6\u4e5f\u652f\u6301\u624b\u673a\u624b\u52bf\u5207\u6362     bx […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-4828","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4828","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=4828"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/4828\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u8fd9\u6837\uff0c\u4e00\u4e2a\u8d85\u9177\u7684\u5185\u5bb9\u6ed1\u52a8\u6548\u679c\u5c31\u5b9e\u73b0\u4e86\uff0c\u67e5\u770b\u6f14\u793ademo<\/a>\uff0c\u5c06\u6d4f\u89c8\u5668\u7a97\u53e3\u653e\u5927\u548c\u7f29\u5c0f\u53ef\u4ee5\u770b\u5230\u6ed1\u52a8\u5185\u5bb9\u4f1a\u968f\u7740\u6d4f\u89c8\u5668\u7a97\u53e3\u81ea\u52a8\u8c03\u6574\u5927\u5c0f\u3002bxSlider\u63d0\u4f9b\u4e86\u4e30\u5bcc\u7684\u914d\u7f6e\u9009\u9879\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u4e0d\u540c\u53c2\u6570\u6ee1\u8db3\u5404\u79cd\u5ba2\u6237\u9700\u6c42\uff0c\u6765\u770b\u5b83\u7684\u9009\u9879\u914d\u7f6e\u3002<\/p>\n