/** * 欢迎使用 KinSlideshow 幻灯片『焦点图』插件 * * jQuery KinSlideshow plugin * ========================================〓说明〓======================================================== * jQuery幻灯片插件，基本能满足你在网页上使用幻灯片(焦点图)效果。兼容IE6/IE7/IE8/IE9,FireFox,Chrome,Opera。 * 使用极其方便、简单，外观样式可以自定义,具体定义样式方法和设置其他参数请参见demo文件 * 建议在img标签里面 设置图片的宽度和高度 以防止网络太卡 JS读取不到图片真实宽、高 * 所有宽度和高度单位都是像素，设置参数时不需要加单位(px) * ★KinSlideshow 1.2 可以在同一页面中使用多个KinSlideshow效果 * ======================================================================================================== * @name jquery.KinSlideshow.js * @version 1.2 * @author Mr.Kin * @date 2010-09-15 * @Email:Mr.Kin@Foxmail.com * * 欲索取最新版本KinSlideshow或是有好的效果建议或是报告Bug，请发送Email至 【Mr.Kin@Foxmail.com】 * **/ //eval((function(a,b){return a.replace(/\w+/g, function(ss){ return b[parseInt(ss, 36)]; }); })("(0($) {\r$.1.2 = 0(3){\r3 = 4.5({\r6 : 7,\r8 : 9,\ra:\"b\",\rc:\"d\",\re:f,\rg:{h:i,j:\"#k\",l:m.7},\rn:f,\ro:{p:q,r:\"#s\",t:\"u\",v:\"w\"},\rx:f,\ry:{z:\"#10\",11:\"#12\",13:\"#14\",15:\"#k\",16:\"u\",17:\"#18\",19:\"#1a\",1b:1c,1d:m.1e}\r},3);\r1f 1g = {h:i,j:\"#k\",l:m.7}\r1f 1h = {p:q,r:\"#s\",t:\"u\",v:\"w\"}\r1f 1i = {z:\"#10\",11:\"#12\",13:\"#14\",15:\"#k\",16:\"u\",17:\"#18\",19:\"#1a\",1b:1c,1d:m.1e}\r1j (1f 1k 1l 1g){\r1m(3.g[1k] == 1n){\r3.g[1k] = 1g[1k];\r}\r}\r1j (1f 1k 1l 1h){\r1m(3.o[1k] == 1n){\r3.o[1k] = 1h[1k];\r}\r}\r1j (1f 1k 1l 1i){\r1m(3.y[1k] == 1n){\r3.y[1k] = 1i[1k];\r}\r}\r1f 1o = 1p;\r1f 1q = $(1o).1r;\r1f 1s = 1t 1u();\r1f 1v = m;\r1f 1w =1t 1u();\r1f 1x = m;\r1f 1y = 3.6;\r1f 1z;\r1f 20 = f;\r1m(21(1y) || 1y <= 1c){\r1y = 7;\r}\r1m(3.8 > 22){\r3.8 = 22;\r}23 1m(3.8 < 24){\r3.8 = 24;\r}\r0 25(){\r$(1o).26({27:\"28\"});\r$(1q+\" 29 2a\").26({2b:m});\r2c();\r2d();\r};\r0 2c(){\r1v = $(1q+\" 29\").2e;\r1w.2f($(1q+\" 29 2a\").2g());\r1w.2f($(1q+\" 29 2a\").2h());\r$(1q+\" 29 2a\").2i(0(2j){\r1s.2f($(1p).2k(\"2l\"));\r});\r$(1q+\" 29\").2m(\"<2n 2o=\'2p\'><\/2n>\");\r$(1q).2q(\"#2p\").2r().2k(\"2o\",\"2s\").2t(1o);\r2u();\r2v();\r2w();\r2x();\r2y(3.c);\r$(1o).26({27:\"2z\"});\r};\r0 2u(){\r$(1o).26({2g:1w[m],2h:1w[1c],30:\"28\",31:\"32\"});\r$(1o).33(\"<2n 34=\'35\'><\/2n>\");\r1f 36 = 3.g.h;\r1m(21(36)){\r36 = i;\r}23 1m(36 < 37){\r36 = 37;\r};\r$(1q+\" .35\").26({2h:36,2g:\"24%\",31:\"38\",39:m,b:m})\r1m(3.e){\r$(1q+\" .35\").26({3a:3.g.j,3b:3.g.l})\r}\r};\r0 2v(){\r1m(3.n){\r$(1q+\" .35\").33(\"<3c 34=\'3d\' 3e=\'3f:3g m m 3h;3i:m;\'><\/3c>\");\r$(1q+\" .35 .3d\").26({3j:3.o.p,3k:3.o.r,3l:3.o.t,3m:3.o.v});\r3n(m);\r};\r};\r0 2w(){\r1m(3.y.1b > 3o){3.y.1b = 3o}\r1m(3.y.1b < m || 21(3.y.1b)){3.y.1b = m}\r1m(3.x && 1v >= 3o){\r$(1o).33(\"<2n 34=\'3p\' 3e=\'31:38;3q:3r;39:3s; 3t-3u:24\'><\/2n>\");\r1f 3v = \"\";\r1j(2j=1c;2j<=1v;2j++){\r3v+=\"<3w>\"+2j+\"<\/3w>\";\r}\r3v = \"<3x 2o=\'3y\' 3e=\'3f:m;3i:m; 30:28\'>\"+3v+\"<\/3x>\";\r$(1q+\" .3p\").33(3v);\r$(1q+\" .3p #3y 3w\").26({3z:\"40\",41:\"b\",2g:42,2h:42,43:3.y.1b,44:3.y.17,45:\"46\",3a:3.y.z,47:\"48\",49:\"4a\",4b:4c,3j:q,3l:3.y.16,4d:\"4e\",3b:3.y.1d,3k:3.y.13});\r$(1q+\" #3y 3w:4f(m)\").26({3a:3.y.11,44:3.y.19,3k:3.y.15});\r};\r};\r0 2x(){\r4g(3.a){\r4h \"b\": 4i(); 4j;\r4h \"3q\": 4k();4j;\r4h \"4l\": 4m(); 4j;\r4h \"4n\": 4o(); 4j;\r4p: 3.a = \"b\"; 4i();\r}\r};\r0 4i(){\r$(1q+\" 2n:4q(3o)\").2m(\"<2n 2o=\'4r\'><\/2n>\");\r$(1q).2q(\"#4r\").26({2g:1w[m],2h:1w[1c],30:\"28\",31:\"32\"});\r$(1q).2q(\"#2p\").26({41:\"b\"});\r$(1q).2q(\"#2s\").26({41:\"b\"});\r$(1q+\" #4r 2n\").2m(\"<2n 2o=\'4s\'><\/2n>\");\r$(1q).2q(\"#4s\").26({41:\"b\",2g:\"4t%\"});\r1z = 4u(0(){4v(3.a)},1y*4w+3.8);\r};\r0 4k(){\r$(1q+\" 2n:4q(3o)\").2m(\"<2n 2o=\'4r\'><\/2n>\");\r$(1q).2q(\"#4r\").26({2g:1w[m],2h:1w[1c],30:\"28\",31:\"32\"});\r$(1q).2q(\"#2p\").26({41:\"b\"});\r$(1q).2q(\"#2s\").26({41:\"b\"});\r$(1q+\" #4r 2n\").2m(\"<2n 2o=\'4s\'><\/2n>\");\r$(1q).2q(\"#4s\").26({41:\"b\",2g:\"4t%\"});\r$(1q).2q(\"#2s\").4x(\"\");\r$(1q+\" #2p 29\").4y(\"<4z><\/4z>\")\r$(1q+\" #2p 29\").2i(0(2j){\r$(1q).2q(\"#2s\").50($(1q+\" #2p 4z:4f(\"+2j+\")\").4x());\r})\r$(1q).2q(\"#2p\").4x($(1q).2q(\"#2s\").4x());\r1f 51 = (1v-1c)*1w[m];\r$(1q).2q(\"#4r\").52(51);\r1z = 4u(0(){4v(3.a)},1y*4w+3.8);\r};\r0 4m(){\r$(1q+\" 2n:4q(3o)\").2m(\"<2n 2o=\'4r\'><\/2n>\");\r$(1q).2q(\"#4r\").26({2g:1w[m],2h:1w[1c],30:\"28\",31:\"32\"});\r$(1q).2q(\"#4r\").53({54: m}, 1c);\r1z = 4u(0(){4v(3.a)},1y*4w+3.8);\r};\r0 4o(){\r$(1q+\" 2n:4q(3o)\").2m(\"<2n 2o=\'4r\'><\/2n>\");\r$(1q).2q(\"#4r\").26({2g:1w[m],2h:1w[1c],30:\"28\",31:\"32\"});\r$(1q).2q(\"#2s\").4x(\"\");\r$(1q+\" #2p 29\").4y(\"<4z><\/4z>\")\r$(1q+\" #2p 29\").2i(0(2j){\r$(1q).2q(\"#2s\").50($(1q+\" #2p 4z:4f(\"+2j+\")\").4x());\r})\r$(1q).2q(\"#2p\").4x($(1q).2q(\"#2s\").4x());\r1f 55 = (1v-1c)*1w[1c];\r$(1q).2q(\"#4r\").53({54: 55}, 1c);\r1z = 4u(0(){4v(3.a)},1y*4w+3.8);\r};\r0 4v(3e){\r4g(3e){\r4h \"b\":\r1m(1x >= 1v){\r1x = m;\r$(1q).2q(\"#4r\").52(m);\r$(1q).2q(\"#4r\").53({52:1w[m]}, 3.8);\r}23{\r56 =(1x+1c)*1w[m];\r1m ($(1q).2q(\"#4r\").57(\':58\')){\r$(1q).2q(\"#4r\").59();\r$(1q).2q(\"#4r\").53({52: 56}, 3.8);\r}23{\r$(1q).2q(\"#4r\").53({52: 56}, 3.8);\r}\r}\r3n(1x+1c);\r4j;\r4h \"3q\":\r1f 51 = (1v-1c)*1w[m];\r1m(1x >= 1v){\r1x = m;\r$(1q).2q(\"#4r\").52(51+1w[m]);\r$(1q).2q(\"#4r\").53({52:51}, 3.8);\r}23{\r1m(20){\r1x++;\r20 = 5a;\r}\r56 =51-(1x*1w[m]);\r1m ($(1q).2q(\"#4r\").57(\':58\')){\r$(1q).2q(\"#4r\").59();\r$(1q).2q(\"#4r\").53({52: 56}, 3.8);\r}23{\r$(1q).2q(\"#4r\").53({52: 56}, 3.8);\r}\r}\r3n(1x);\r4j;\r4h \"4l\":\r1m(1x >= 1v){\r1x = m;\r$(1q).2q(\"#4r\").54(m);\r$(1q).2q(\"#4r\").53({54:1w[1c]}, 3.8);\r}23{\r56 =(1x+1c)*1w[1c];\r1m ($(1q).2q(\"#4r\").57(\':58\')){\r$(1q).2q(\"#4r\").59();\r$(1q).2q(\"#4r\").53({54: 56}, 3.8);\r}23{\r$(1q).2q(\"#4r\").53({54: 56}, 3.8);\r}\r}\r3n(1x+1c);\r4j;\r4h \"4n\":\r1f 51 = (1v-1c)*1w[1c];\r1m(1x >= 1v){\r1x = m;\r$(1q).2q(\"#4r\").54(51+1w[1c]);\r$(1q).2q(\"#4r\").53({54:51}, 3.8);\r}23{\r1m(20){\r1x++;\r20 = 5a;\r}\r56 =51-(1x*1w[1c]);\r1m ($(1q).2q(\"#4r\").57(\':58\')){\r$(1q).2q(\"#4r\").59();\r$(1q).2q(\"#4r\").53({54: 56}, 3.8);\r}23{\r$(1q).2q(\"#4r\").53({54: 56}, 3.8);\r}\r}\r3n(1x);\r4j;\r}\r1x++;\r}\r0 3n(3u){\r1m(3u == 1v){3u = m};\r1m(3.n){\r$(1q+\" .35 3c\").4x(1s[3u]);\r};\r$(1q+\" #3y 3w\").2i(0(2j){\r1m(2j == 3u){\r$(1p).26({3a:3.y.11,44:3.y.19,3k:3.y.15});\r}23{\r$(1p).26({3a:3.y.z,44:3.y.17,3k:3.y.13});\r}\r})\r};\r0 2y(5b){\r4g(5b){\r4h \"5c\" : 5d(); 4j;\r4h \"d\" : 5e(); 4j;\r4p : 5e();\r}\r};\r0 5d(){\r$(1q+\" #3y 3w\").5c(0(){\r1f 5f = $(1q+\" #3y 3w\").3u($(1p));\r4g(3.a){\r4h \"b\" :\r1x = 5f-1c; 4j;\r4h \"3q\" :\r1m(20){\r1x = 5f-1c; 4j;\r}23{\r1x = 5f; 4j;\r}\r4h \"4l\" :\r1x = 5f-1c; 4j;\r4h \"4n\" :\r1m(20){\r1x = 5f-1c; 4j;\r}23{\r1x = 5f; 4j;\r}\r}\r4v(3.a);\r$(1q+\" #3y 3w\").2i(0(2j){\r1m(2j ==5f){\r$(1p).26({3a:3.y.11,44:3.y.19,3k:3.y.15});\r}23{\r$(1p).26({3a:3.y.z,44:3.y.17,3k:3.y.13});\r}\r})\r})\r};\r0 5e(){\r$(1q+\" #3y 3w\").5g(0(){\r1f 5f = $(1q+\" #3y 3w\").3u($(1p));\r4g(3.a){\r4h \"b\" :\r1x = 5f-1c; 4j;\r4h \"3q\" :\r1m(20){\r1x = 5f-1c; 4j;\r}23{\r1x = 5f; 4j;\r}\r4h \"4l\" :\r1x = 5f-1c; 4j;\r4h \"4n\" :\r1m(20){\r1x = 5f-1c; 4j;\r}23{\r1x = 5f; 4j;\r}\r};\r4v(3.a);\r$(1q+\" #3y 3w\").2i(0(2j){\r1m(2j ==5f){\r$(1p).26({3a:3.y.11,44:3.y.19,3k:3.y.15});\r}23{\r$(1p).26({3a:3.y.z,44:3.y.17,3k:3.y.13});\r}\r})\r})\r};\r0 2d(){\r$(1q+\" #3y 3w\").5c(0(){\r5h(1z);\r})\r$(1q+\" #3y 3w\").5i(0(){\r1z = 4u(0(){4v(3.a)},1y*4w+3.8);\r})\r};\r5j 25();\r};\r})(4);", "function|fn|KinSlideshow|settings|jQuery|extend|intervalTime|5|moveSpeedTime|400|moveStyle|left|mouseEvent|mouseclick|isHasTitleBar|true|titleBar|titleBar_height|40|titleBar_bgColor|000000|titleBar_alpha|0|isHasTitleFont|titleFont|TitleFont_size|12|TitleFont_color|FFFFFF|TitleFont_family|Verdana|TitleFont_weight|bold|isHasBtn|btn|btn_bgColor|666666|btn_bgHoverColor|CC0000|btn_fontColor|CCCCCC|btn_fontHoverColor|btn_fontFamily|btn_borderColor|999999|btn_borderHoverColor|FF0000|btn_borderWidth|1|btn_bgAlpha|7|var|titleBar_Bak|titleFont_Bak|btn_Bak|for|key|in|if|undefined|ksthis|this|ksbs|selector|KinSlideshow_DateArray|new|Array|KinSlideshow_imgaeLength|KinSlideshow_Size|KinSlideshow_changeFlag|KinSlideshow_IntervalTime|KinSlideshow_setInterval|KinSlideshow_firstMoveFlag|isNaN|500|else|100|KinSlideshow_initialize|css|visibility|hidden|a|img|border|KinSlideshow_start|KinSlideshow_mousehover|length|push|width|height|each|i|attr|alt|wrapAll|div|id|KinSlideshow_content|find|clone|KinSlideshow_contentClone|appendTo|KinSlideshow_setTitleBar|KinSlideshow_setTitleFont|KinSlideshow_setBtn|KinSlideshow_action|KinSlideshow_btnEvent|visible|overflow|position|relative|append|class|KinSlideshow_titleBar|getTitleBar_Height|25|absolute|bottom|background|opacity|h2|title|style|margin|3px|6px|padding|fontSize|color|fontFamily|fontWeight|setTiltFontShow|2|KinSlideshow_btnBox|right|10px|5px|z|index|KinSlideshow_btnList|li|ul|btnlistID|listStyle|none|float|18|borderWidth|borderColor|borderStyle|solid|textAlign|center|cursor|pointer|marginLeft|3|lineHeight|18px|eq|switch|case|KinSlideshow_moveLeft|break|KinSlideshow_moveRight|up|KinSlideshow_moveUp|down|KinSlideshow_moveDown|default|lt|KinSlideshow_moveBox|KinSlideshow_XposBox|2000|setInterval|KinSlideshow_move|1000|html|wrap|span|prepend|KinSlideshow_offsetLeft|scrollLeft|animate|scrollTop|KinSlideshow_offsetTop|sp|is|animated|stop|false|Event|mouseover|KinSlideshow_btnMouseover|KinSlideshow_btnMouseclick|curLiIndex|click|clearInterval|mouseout|return".split("|"))); (function($) { $.fn.KinSlideshow = function(settings) { settings = jQuery.extend({ intervalTime: 5, moveSpeedTime: 400, moveStyle: "left", mouseEvent: "mouseclick", isHasTitleBar: true, titleBar: { titleBar_height: 40, titleBar_bgColor: "#000000", titleBar_alpha: 0.5 }, isHasTitleFont: true, titleFont: { TitleFont_size: 12, TitleFont_color: "#FFFFFF", TitleFont_family: "Verdana", TitleFont_weight: "bold" }, isHasBtn: true, btn: { btn_bgColor: "#666666", btn_bgHoverColor: "#CC0000", btn_fontColor: "#CCCCCC", btn_fontHoverColor: "#000000", btn_fontFamily: "Verdana", btn_borderColor: "#999999", btn_borderHoverColor: "#FF0000", btn_borderWidth: 1, btn_bgAlpha: 0.7 } },settings); var titleBar_Bak = { titleBar_height: 40, titleBar_bgColor: "#000000", titleBar_alpha: 0.5 } var titleFont_Bak = { TitleFont_size: 12, TitleFont_color: "#FFFFFF", TitleFont_family: "Verdana", TitleFont_weight: "bold" } var btn_Bak = { btn_bgColor: "#666666", btn_bgHoverColor: "#CC0000", btn_fontColor: "#CCCCCC", btn_fontHoverColor: "#000000", btn_fontFamily: "Verdana", btn_borderColor: "#999999", btn_borderHoverColor: "#FF0000", btn_borderWidth: 1, btn_bgAlpha: 0.7 } for (var key in titleBar_Bak) { if (settings.titleBar[key] == undefined) { settings.titleBar[key] = titleBar_Bak[key]; } } for (var key in titleFont_Bak) { if (settings.titleFont[key] == undefined) { settings.titleFont[key] = titleFont_Bak[key]; } } for (var key in btn_Bak) { if (settings.btn[key] == undefined) { settings.btn[key] = btn_Bak[key]; } } var ksthis = this; var ksbs = $(ksthis).selector; var KinSlideshow_DateArray = new Array(); var KinSlideshow_imgaeLength = 0; var KinSlideshow_Size = new Array(); var KinSlideshow_changeFlag = 0; var KinSlideshow_IntervalTime = settings.intervalTime; var KinSlideshow_setInterval; var KinSlideshow_firstMoveFlag = true; if (isNaN(KinSlideshow_IntervalTime) || KinSlideshow_IntervalTime <= 1) { KinSlideshow_IntervalTime = 5; } if (settings.moveSpeedTime > 500) { settings.moveSpeedTime = 500; } else if (settings.moveSpeedTime < 100) { settings.moveSpeedTime = 100; } function KinSlideshow_initialize() { $(ksthis).css({ visibility: "hidden" }); $(ksbs + " a img").css({ border: 0 }); KinSlideshow_start(); KinSlideshow_mousehover(); }; function KinSlideshow_start() { KinSlideshow_imgaeLength = $(ksbs + " a").length; KinSlideshow_Size.push($(ksbs + " a img").width()); KinSlideshow_Size.push($(ksbs + " a img").height()); $(ksbs + " a img").each(function(i) { KinSlideshow_DateArray.push($(this).attr("alt")); }); $(ksbs + " a").wrapAll("
"); $(ksbs).find("#KinSlideshow_content").clone().attr("id", "KinSlideshow_contentClone").appendTo(ksthis); KinSlideshow_setTitleBar(); KinSlideshow_setTitleFont(); KinSlideshow_setBtn(); KinSlideshow_action(); KinSlideshow_btnEvent(settings.mouseEvent); $(ksthis).css({ visibility: "visible" }); }; function KinSlideshow_setTitleBar() { $(ksthis).css({ width: KinSlideshow_Size[0], height: KinSlideshow_Size[1], overflow: "hidden", position: "relative" }); $(ksthis).append("
"); var getTitleBar_Height = settings.titleBar.titleBar_height; if (isNaN(getTitleBar_Height)) { getTitleBar_Height = 40; } else if (getTitleBar_Height < 25) { getTitleBar_Height = 25; }; $(ksbs + " .KinSlideshow_titleBar").css({ height: getTitleBar_Height, width: "100%", position: "absolute", bottom: 0, left: 0 }); if (settings.isHasTitleBar) { $(ksbs + " .KinSlideshow_titleBar").css({ background: settings.titleBar.titleBar_bgColor, opacity: settings.titleBar.titleBar_alpha }) }; }; function KinSlideshow_setTitleFont() { if (settings.isHasTitleFont) { $(ksbs + " .KinSlideshow_titleBar").append("

"); $(ksbs + " .KinSlideshow_titleBar .title").css({ fontSize: settings.titleFont.TitleFont_size, color: settings.titleFont.TitleFont_color, fontFamily: settings.titleFont.TitleFont_family, fontWeight: settings.titleFont.TitleFont_weight }); setTiltFontShow(0); }; }; function KinSlideshow_setBtn() { if (settings.btn.btn_borderWidth > 2) { settings.btn.btn_borderWidth = 2 } if (settings.btn.btn_borderWidth < 0 || isNaN(settings.btn.btn_borderWidth)) { settings.btn.btn_borderWidth = 0 } if (settings.isHasBtn && KinSlideshow_imgaeLength >= 2) { $(ksthis).append("
"); var KinSlideshow_btnList = ""; for (i = 1; i <= KinSlideshow_imgaeLength; i++) { KinSlideshow_btnList += "
  • " + i + "
    • "; } KinSlideshow_btnList = ""; $(ksbs + " .KinSlideshow_btnBox").append(KinSlideshow_btnList); $(ksbs + " .KinSlideshow_btnBox #btnlistID li").css({ listStyle: "none", float: "left", width: 18, height: 18, borderWidth: settings.btn.btn_borderWidth, borderColor: settings.btn.btn_borderColor, borderStyle: "solid", background: settings.btn.btn_bgColor, textAlign: "center", cursor: "pointer", marginLeft: 3, fontSize: 12, fontFamily: settings.btn.btn_fontFamily, lineHeight: "18px", opacity: settings.btn.btn_bgAlpha, color: settings.btn.btn_fontColor }); $(ksbs + " #btnlistID li:eq(0)").css({ background: settings.btn.btn_bgHoverColor, borderColor: settings.btn.btn_borderHoverColor, color: settings.btn.btn_fontHoverColor }); }; }; function KinSlideshow_action() { switch (settings.moveStyle) { case "left": KinSlideshow_moveLeft(); break; case "right": KinSlideshow_moveRight(); break; case "up": KinSlideshow_moveUp(); break; case "down": KinSlideshow_moveDown(); break; default: settings.moveStyle = "left"; KinSlideshow_moveLeft(); } }; function KinSlideshow_moveLeft() { $(ksbs + " div:lt(2)").wrapAll("
    "); $(ksbs).find("#KinSlideshow_moveBox").css({ width: KinSlideshow_Size[0], height: KinSlideshow_Size[1], overflow: "hidden", position: "relative" }); $(ksbs).find("#KinSlideshow_content").css({ float: "left" }); $(ksbs).find("#KinSlideshow_contentClone").css({ float: "left" }); $(ksbs + " #KinSlideshow_moveBox div").wrapAll("
    "); $(ksbs).find("#KinSlideshow_XposBox").css({ float: "left", width: "2000%" }); KinSlideshow_setInterval = setInterval(function() { KinSlideshow_move(settings.moveStyle) }, KinSlideshow_IntervalTime * 1000 + settings.moveSpeedTime); }; function KinSlideshow_moveRight() { $(ksbs + " div:lt(2)").wrapAll("
    "); $(ksbs).find("#KinSlideshow_moveBox").css({ width: KinSlideshow_Size[0], height: KinSlideshow_Size[1], overflow: "hidden", position: "relative" }); $(ksbs).find("#KinSlideshow_content").css({ float: "left" }); $(ksbs).find("#KinSlideshow_contentClone").css({ float: "left" }); $(ksbs + " #KinSlideshow_moveBox div").wrapAll("
    "); $(ksbs).find("#KinSlideshow_XposBox").css({ float: "left", width: "2000%" }); $(ksbs).find("#KinSlideshow_contentClone").html(""); $(ksbs + " #KinSlideshow_content a").wrap(""); $(ksbs + " #KinSlideshow_content a").each(function(i) { $(ksbs).find("#KinSlideshow_contentClone").prepend($(ksbs + " #KinSlideshow_content span:eq(" + i + ")").html()); }); $(ksbs).find("#KinSlideshow_content").html($(ksbs).find("#KinSlideshow_contentClone").html()); var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength - 1) * KinSlideshow_Size[0]; $(ksbs).find("#KinSlideshow_moveBox").scrollLeft(KinSlideshow_offsetLeft); KinSlideshow_setInterval = setInterval(function() { KinSlideshow_move(settings.moveStyle) },KinSlideshow_IntervalTime * 1000 + settings.moveSpeedTime); }; function KinSlideshow_moveUp() { $(ksbs + " div:lt(2)").wrapAll("
    "); $(ksbs).find("#KinSlideshow_moveBox").css({ width: KinSlideshow_Size[0], height: KinSlideshow_Size[1], overflow: "hidden", position: "relative" }); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: 0 }, 1); KinSlideshow_setInterval = setInterval(function() { KinSlideshow_move(settings.moveStyle) }, KinSlideshow_IntervalTime * 1000 + settings.moveSpeedTime); }; function KinSlideshow_moveDown() { $(ksbs + " div:lt(2)").wrapAll("
    "); $(ksbs).find("#KinSlideshow_moveBox").css({ width: KinSlideshow_Size[0], height: KinSlideshow_Size[1], overflow: "hidden", position: "relative" }); $(ksbs).find("#KinSlideshow_contentClone").html(""); $(ksbs + " #KinSlideshow_content a").wrap(""); $(ksbs + " #KinSlideshow_content a").each(function(i) { $(ksbs).find("#KinSlideshow_contentClone").prepend($(ksbs + " #KinSlideshow_content span:eq(" + i + ")").html()); }); $(ksbs).find("#KinSlideshow_content").html($(ksbs).find("#KinSlideshow_contentClone").html()); var KinSlideshow_offsetTop = (KinSlideshow_imgaeLength - 1) * KinSlideshow_Size[1]; $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: KinSlideshow_offsetTop },1); KinSlideshow_setInterval = setInterval(function() { KinSlideshow_move(settings.moveStyle) },KinSlideshow_IntervalTime * 1000 + settings.moveSpeedTime); }; function KinSlideshow_move(style) { switch (style) { case "left": if (KinSlideshow_changeFlag >= KinSlideshow_imgaeLength) { KinSlideshow_changeFlag = 0; $(ksbs).find("#KinSlideshow_moveBox").scrollLeft(0); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: KinSlideshow_Size[0] }, settings.moveSpeedTime); } else { sp = (KinSlideshow_changeFlag + 1) * KinSlideshow_Size[0]; if ($(ksbs).find("#KinSlideshow_moveBox").is(':animated')) { $(ksbs).find("#KinSlideshow_moveBox").stop(); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: sp }, settings.moveSpeedTime); } else { $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: sp }, settings.moveSpeedTime); } } setTiltFontShow(KinSlideshow_changeFlag + 1); break; case "right": var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength - 1) * KinSlideshow_Size[0]; if (KinSlideshow_changeFlag >= KinSlideshow_imgaeLength) { KinSlideshow_changeFlag = 0; $(ksbs).find("#KinSlideshow_moveBox").scrollLeft(KinSlideshow_offsetLeft + KinSlideshow_Size[0]); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: KinSlideshow_offsetLeft }, settings.moveSpeedTime); } else { if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag++; KinSlideshow_firstMoveFlag = false; } sp = KinSlideshow_offsetLeft - (KinSlideshow_changeFlag * KinSlideshow_Size[0]); if ($(ksbs).find("#KinSlideshow_moveBox").is(':animated')) { $(ksbs).find("#KinSlideshow_moveBox").stop(); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: sp }, settings.moveSpeedTime); } else { $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollLeft: sp }, settings.moveSpeedTime); } } setTiltFontShow(KinSlideshow_changeFlag); break; case "up": if (KinSlideshow_changeFlag >= KinSlideshow_imgaeLength) { KinSlideshow_changeFlag = 0; $(ksbs).find("#KinSlideshow_moveBox").scrollTop(0); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: KinSlideshow_Size[1] }, settings.moveSpeedTime); } else { sp = (KinSlideshow_changeFlag + 1) * KinSlideshow_Size[1]; if ($(ksbs).find("#KinSlideshow_moveBox").is(':animated')) { $(ksbs).find("#KinSlideshow_moveBox").stop(); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: sp }, settings.moveSpeedTime); } else { $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: sp }, settings.moveSpeedTime); } } setTiltFontShow(KinSlideshow_changeFlag + 1); break; case "down": var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength - 1) * KinSlideshow_Size[1]; if (KinSlideshow_changeFlag >= KinSlideshow_imgaeLength) { KinSlideshow_changeFlag = 0; $(ksbs).find("#KinSlideshow_moveBox").scrollTop(KinSlideshow_offsetLeft + KinSlideshow_Size[1]); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: KinSlideshow_offsetLeft }, settings.moveSpeedTime); } else { if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag++; KinSlideshow_firstMoveFlag = false; } sp = KinSlideshow_offsetLeft - (KinSlideshow_changeFlag * KinSlideshow_Size[1]); if ($(ksbs).find("#KinSlideshow_moveBox").is(':animated')) { $(ksbs).find("#KinSlideshow_moveBox").stop(); $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: sp }, settings.moveSpeedTime); } else { $(ksbs).find("#KinSlideshow_moveBox").animate({ scrollTop: sp }, settings.moveSpeedTime); } } setTiltFontShow(KinSlideshow_changeFlag); break; } KinSlideshow_changeFlag++; } function setTiltFontShow(index) { if (index == KinSlideshow_imgaeLength) { index = 0 }; if (settings.isHasTitleFont) { $(ksbs + " .KinSlideshow_titleBar h2").html(KinSlideshow_DateArray[index]); }; $(ksbs + " #btnlistID li").each(function(i) { if (i == index) { $(this).css({ background: settings.btn.btn_bgHoverColor, borderColor: settings.btn.btn_borderHoverColor, color: settings.btn.btn_fontHoverColor }); } else { $(this).css({ background: settings.btn.btn_bgColor, borderColor: settings.btn.btn_borderColor, color: settings.btn.btn_fontColor }); } }) }; function KinSlideshow_btnEvent(Event) { switch (Event) { case "mouseover": KinSlideshow_btnMouseover(); break; case "mouseclick": KinSlideshow_btnMouseclick(); break; default: KinSlideshow_btnMouseclick(); } }; function KinSlideshow_btnMouseover() { $(ksbs + " #btnlistID li").mouseover(function() { var curLiIndex = $(ksbs + " #btnlistID li").index($(this)); switch (settings.moveStyle) { case "left": KinSlideshow_changeFlag = curLiIndex - 1; break; case "right": if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag = curLiIndex - 1; break; } else { KinSlideshow_changeFlag = curLiIndex; break; } case "up": KinSlideshow_changeFlag = curLiIndex - 1; break; case "down": if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag = curLiIndex - 1; break; } else { KinSlideshow_changeFlag = curLiIndex; break; } } KinSlideshow_move(settings.moveStyle); $(ksbs + " #btnlistID li").each(function(i) { if (i == curLiIndex) { $(this).css({ background: settings.btn.btn_bgHoverColor, borderColor: settings.btn.btn_borderHoverColor, color: settings.btn.btn_fontHoverColor }); } else { $(this).css({ background: settings.btn.btn_bgColor, borderColor: settings.btn.btn_borderColor, color: settings.btn.btn_fontColor }); } }) }) }; function KinSlideshow_btnMouseclick() { $(ksbs + " #btnlistID li").click(function() { var curLiIndex = $(ksbs + " #btnlistID li").index($(this)); switch (settings.moveStyle) { case "left": KinSlideshow_changeFlag = curLiIndex - 1; break; case "right": if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag = curLiIndex - 1; break; } else { KinSlideshow_changeFlag = curLiIndex; break; } case "up": KinSlideshow_changeFlag = curLiIndex - 1; break; case "down": if (KinSlideshow_firstMoveFlag) { KinSlideshow_changeFlag = curLiIndex - 1; break; } else { KinSlideshow_changeFlag = curLiIndex; break; } }; KinSlideshow_move(settings.moveStyle); $(ksbs + " #btnlistID li").each(function(i) { if (i == curLiIndex) { $(this).css({ background: settings.btn.btn_bgHoverColor, borderColor: settings.btn.btn_borderHoverColor, color: settings.btn.btn_fontHoverColor }); } else { $(this).css({ background: settings.btn.btn_bgColor, borderColor: settings.btn.btn_borderColor, color: settings.btn.btn_fontColor }); } }); }) }; function KinSlideshow_mousehover() { $(ksbs + " #btnlistID li").mouseover(function() { clearInterval(KinSlideshow_setInterval); }); $(ksbs + " #btnlistID li").mouseout(function() { KinSlideshow_setInterval = setInterval(function() { KinSlideshow_move(settings.moveStyle) }, KinSlideshow_IntervalTime * 1000 + settings.moveSpeedTime); }); }; return KinSlideshow_initialize(); }; })(jQuery); $(function(){ $("#KinSlideshow_29601").KinSlideshow({ intervalTime:10, //广告位轮播间隔时间，单位秒。 moveSpeedTime:400 ,//图片变化时间，单位毫秒。 isHasTitleBar:false, isHasTitleFont:false, isHasBtn:true, moveStyle:"left",//左右滚动 //moveStyle:"up",上下滚动 titleBar:{titleBar_height:30,titleBar_bgColor:"#08355c",titleBar_alpha:1}, titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"}, btn:{btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#FF9900",btn_fontColor:"#000000",btn_fontHoverColor:"#000000",btn_borderColor:"#cccccc",btn_borderHoverColor:"#000000",btn_borderWidth:1,btn_bgAlpha:1} }); })