no commit message

8b5f31b8 · Huang · d8b3ed74 · 8b5f31b8 · 8b5f31b8 · 8b5f31b8
Commit 8b5f31b8 authored Nov 12, 2018 by Huang
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/default/img.gif
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/default/img.gif
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/datepicker.css
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/datepicker.css
+.WdateDiv{position:relative;width:190px;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:5px;}.WdateDiv2{width:360px;}.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS{background:url(img.gif) no-repeat;}.WdateDiv .NavImg a{float:left;width:16px;height:16px;cursor:pointer;}.WdateDiv .NavImgll a{background-position:0 5px;}.WdateDiv .NavImgl a{background-position:0 -10px;}.WdateDiv .NavImgr a{background-position:0 -25px;float:right;}.WdateDiv .NavImgrr a{background-position:0 -40px;float:right;}.WdateDiv #dpTitle{line-height:0;height:23px;padding:3px 0 0;}.WdateDiv .yminput,.WdateDiv .yminputfocus{margin-left:3px;width:50px;height:20px;line-height:16px;border:solid 1px #F2F0F1;cursor:pointer;background-position:35px -68px;}.WdateDiv .yminputfocus{background-color:#fff;border:solid 1px #D8D8D8;}.WdateDiv .menuSel{z-index:1;position:absolute;background-color:#FFF;border:#A3C6C8 1px solid;display:none;}.WdateDiv .menu{background:#fff;}.WdateDiv .menuOn{color:#fff;background:#0088CC;}.WdateDiv .MMenu,.WdateDiv .YMenu{margin-top:20px;margin-left:-1px;width:68px;border:solid 1px #D9D9D9;padding:2px;}.WdateDiv .MMenu table,.WdateDiv .YMenu table{width:100%;}.WdateDiv .MMenu table td,.WdateDiv .YMenu table td{line-height:20px;text-align:center;font-size:12px;cursor:pointer;padding:0;}.WdateDiv .Wweek{text-align:center;background:#DAF3F5;border-right:#BDEBEE 1px solid;}.WdateDiv td{line-height:20px;font-size:12px;color:#999;background:#fff;cursor:pointer;padding:1px;}.WdateDiv .MTitle td{line-height:24px;color:#7D7D7D;background:#F2F0F1;cursor:default;}.WdateDiv .WdayTable2{border-collapse:collapse;border:gray 1px solid;}.WdateDiv .WdayTable2 table{border:0;}.WdateDiv .WdayTable{line-height:20px;color:#13777e;background-color:#edfbfb;}.WdateDiv .WdayTable td{text-align:center;}.WdateDiv .Wday{color:#323232;}.WdateDiv .Wwday{color:#0088CC;}.WdateDiv .Wtoday{color:#FF6D10;background:#E0EDFE;}.WdateDiv .WspecialDay{background-color:#66F4DF;}.WdateDiv .WotherDay{color:#D4D4D4;}.WdateDiv #dpTime{position:relative;margin-top:5px;}.WdateDiv #dpTime #dpTimeStr{display:inline-block;width:30px;color:#7d7d7d;}.WdateDiv #dpTime input{width:25px;height:20px;line-height:20px;text-align:center;color:#333;border:#D9D9D9 1px solid;margin:0;padding:0;}.WdateDiv #dpTime .tm{width:7px;border:none;background:#F2F0F1;}.WdateDiv #dpQS{float:left;margin-right:3px;margin-top:6px;width:16px;height:16px;cursor:pointer;background-position:0 -90px;}.WdateDiv #dpControl{text-align:right;margin-top:3px;}.WdateDiv .dpButton{margin-left:2px;line-height:16px;width:45px;background-color:#0055CC;color:#fff;border:none;cursor:pointer;}.WdateDiv .dpButton:hover{background-color:#0663A2;}.WdateDiv .hhMenu,.WdateDiv .mmMenu,.WdateDiv .ssMenu{position:absolute;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:3px;}.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn{width:18px;height:18px;line-height:18px;text-align:center;background:#fff;}.WdateDiv #dpTime .menuOn{background:#0088CC;}.WdateDiv #dpTime td{background:#F2F0F1;}.WdateDiv .hhMenu{top:-87px;left:32px;}.WdateDiv .mmMenu{top:-47px;left:32px;}.WdateDiv .ssMenu{top:-27px;left:32px;}.WdateDiv .invalidMenu,.WdateDiv .WinvalidDay{color:#aaa;}.WdateDiv .WdayOn,.WdateDiv .WwdayOn,.WdateDiv .Wselday,.WdateDiv .WotherDayOn{background-color:#0088CC;color:#fff;}.WdateDiv #dpTime #dpTimeUp,.WdateDiv #dpTime #dpTimeDown{display:none;}
\ No newline at end of file
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/img.gif
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/img.gif
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/img.png
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/twoer/img.png
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/bg.jpg
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/bg.jpg
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/datepicker.css
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/datepicker.css
+/* 
+ * My97 DatePicker 4.7 Skin:whyGreen
+ */ 
+.WdateDiv{
+	width:180px;
+	background-color:#fff;
+	border:#C5E1E4 1px solid;
+	padding:2px;
+}
+
+.WdateDiv2{
+	width:360px;
+}
+.WdateDiv *{font-size:9pt;}
+
+.WdateDiv .NavImg a{
+	cursor:pointer;
+	display:block;
+	width:16px;
+	height:16px;
+	margin-top:1px;
+}
+
+.WdateDiv .NavImgll a{
+	float:left;
+	background:url(img.gif) no-repeat;
+}
+.WdateDiv .NavImgl a{
+	float:left;
+	background:url(img.gif) no-repeat -16px 0px;
+}
+.WdateDiv .NavImgr a{
+	float:right;
+	background:url(img.gif) no-repeat -32px 0px;
+}
+.WdateDiv .NavImgrr a{
+	float:right;
+	background:url(img.gif) no-repeat -48px 0px;
+}
+
+.WdateDiv #dpTitle{
+	height:24px;
+	padding:1px;
+	border:#c5d9e8 1px solid;
+	background:url(bg.jpg);
+	margin-bottom:2px;
+}
+
+.WdateDiv .yminput{
+	margin-top:2px;
+	text-align:center;
+	border:0px;
+	height:20px;
+	width:50px;
+	color:#034c50;
+	background-color:transparent;
+	cursor:pointer;
+}
+
+.WdateDiv .yminputfocus{
+	margin-top:2px;
+	text-align:center;
+	border:#939393 1px solid;
+	font-weight:bold;
+	color:#034c50;	
+	height:20px;
+	width:50px;
+}
+
+.WdateDiv .menuSel{
+	z-index:1;
+	position:absolute;
+	background-color:#FFFFFF;
+	border:#A3C6C8 1px solid;
+	display:none;
+}
+
+.WdateDiv .menu{
+	cursor:pointer;
+	background-color:#fff;
+	color:#11777C;
+}
+
+.WdateDiv .menuOn{
+	cursor:pointer;
+	background-color:#BEEBEE;
+}
+
+.WdateDiv .invalidMenu{
+	color:#aaa;
+}
+
+.WdateDiv .YMenu{
+	margin-top:20px;
+}
+
+.WdateDiv .MMenu{
+	margin-top:20px;
+	*width:62px;
+}
+
+.WdateDiv .hhMenu{
+	margin-top:-90px; 
+	margin-left:26px;
+}
+
+.WdateDiv .mmMenu{
+	margin-top:-46px; 
+	margin-left:26px;
+}
+
+.WdateDiv .ssMenu{
+	margin-top:-24px; 
+	margin-left:26px;
+}
+
+ .WdateDiv .Wweek {
+ 	text-align:center;
+	background:#DAF3F5;
+	border-right:#BDEBEE 1px solid;
+ }
+
+.WdateDiv .MTitle{
+	color:#13777e;
+	background-color:#bdebee;
+}
+.WdateDiv .WdayTable2{
+	border-collapse:collapse;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable2 table{
+	border:0;
+}
+
+.WdateDiv .WdayTable{
+	line-height:20px;	
+	color:#13777e;
+	background-color:#edfbfb;
+	border:#BEE9F0 1px solid;
+}
+.WdateDiv .WdayTable td{
+	text-align:center;
+}
+
+.WdateDiv .Wday{
+	cursor:pointer;
+}
+
+.WdateDiv .WdayOn{
+	cursor:pointer;
+	background-color:#74d2d9 ;
+}
+
+.WdateDiv .Wwday{
+	cursor:pointer;
+	color:#ab1e1e;
+}
+
+.WdateDiv .WwdayOn{
+	cursor:pointer;
+	background-color:#74d2d9;
+}
+.WdateDiv .Wtoday{
+	cursor:pointer;
+	color:blue;
+}
+.WdateDiv .Wselday{
+	background-color:#A7E2E7;
+}
+.WdateDiv .WspecialDay{
+	background-color:#66F4DF;
+}
+
+.WdateDiv .WotherDay{ 
+	cursor:pointer;
+	color:#0099CC;	
+}
+
+.WdateDiv .WotherDayOn{ 
+	cursor:pointer;
+	background-color:#C0EBEF;	
+}
+
+.WdateDiv .WinvalidDay{
+	color:#aaa;
+}
+
+.WdateDiv #dpTime{
+	float:left;
+	margin-top:3px;
+	margin-right:30px;
+}
+
+.WdateDiv #dpTime #dpTimeStr{
+	margin-left:1px;
+	color:#497F7F;
+}
+
+.WdateDiv #dpTime input{
+	height:20px;
+	width:18px;
+	text-align:center;
+	color:#333;
+	border:#61CAD0 1px solid;	
+}
+
+.WdateDiv #dpTime .tB{
+	border-right:0px;
+}
+
+.WdateDiv #dpTime .tE{
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime .tm{
+	width:7px;
+	border-left:0;
+	border-right:0;
+}
+
+.WdateDiv #dpTime #dpTimeUp{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -32px -16px;
+}
+
+.WdateDiv #dpTime #dpTimeDown{
+	height:10px;
+	width:13px;
+	border:0px;
+	background:url(img.gif) no-repeat -48px -16px;
+}
+
+ .WdateDiv #dpQS {
+ 	float:left;
+	margin-right:3px;
+	margin-top:3px;
+	background:url(img.gif) no-repeat 0px -16px;
+	width:20px;
+	height:20px;
+	cursor:pointer;
+ }
+.WdateDiv #dpControl {
+	text-align:right;
+	margin-top:3px;
+}
+.WdateDiv .dpButton{ 
+	height:20px;
+	width:45px;
+	margin-top:2px;
+	border:#38B1B9 1px solid;
+	background-color:#CFEBEE;
+	color:#08575B;
+}
\ No newline at end of file
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/img.gif
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/My97DatePicker/skin/whyGreen/img.gif
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/default.css
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/default.css
+@charset "utf-8";
+
+/* CSS Document */
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
+form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
+fieldset,img { border: 0; }
+address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; }
+ol,ul,li { list-style: none; }
+caption,th { text-align: left; }
+h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
+q:before,q:after { content:''; }
+abbr,acronym { border: 0; }
+
+/*-- All --*/
+html{ min-width:1000px; }
+body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; text-align:center; background:#fff;  }
+a{ color:#333; text-decoration:none; outline:none;}
+a:hover {color:#f00; text-decoration:underline; }
+table { border-collapse: collapse; border-spacing: 0; empty-cells:show; }
+table td,table th{ border:#ddd solid 1px; padding: 5px 0; }
+table th{ background:#39A4DC; color:#fff;  }
+table .new td{ color:#f60; font-weight:bold;  }
+
+
+/* css三角形 */
+.arrow,.arrow s { position:relative;  display:block; font-size: 0; line-height: 0; width: 0; height: 0; border-color:transparent; border-style:dashed; border-width:5px; }
+.arrowR,.arrowR s{ border-left-color:#aaa; border-left-style:solid; }
+.arrowR s{ border-left-color:#fff; position:absolute; left:-7px; top:-5px; }
+.arrowR:hover{ border-left-color:#f60;  }
+
+.arrowL,.arrowL s{ border-right-color:#aaa; border-right-style:solid; }
+.arrowL s{ border-right-color:#fff; position:absolute; right:-7px; top:-5px; }
+.arrowL:hover{ border-right-color:#f60;  }
+
+.arrowT,.arrowT s{ border-bottom-color:#aaa; border-bottom-style:solid; }
+.arrowT s{ border-bottom-color:#fff; position:absolute; left:-5px; top:-3px; }
+.arrowT:hover{ border-bottom-color:#f60;  }
+
+.arrowB,.arrowB s{ border-top-color:#aaa; border-top-style:solid; }
+.arrowB s{ border-top-color:#fff; position:absolute; left:-5px; bottom:-3px; }
+.arrowB:hover{ border-top-color:#f60;  }
+
+/* css圆形 */
+.circle{ line-height:100%; overflow:hidden;  font-family:Tahoma,Helvetica; font-size:18px; color:#aaa;  }
+.circle:hover{ color:#f60;  }
+
+/* 顶部导航条 */
+	#header{ width:100%; left:0; top:0; position:fixed; z-index:10;  height:32px; line-height:32px; color:#fff; text-align:left; overflow:hidden; }
+	#header .headerBg{ width:100%; height:32px; left:0; top:0; position:absolute; z-index:0; background:#000; filter:alpha(opacity=70);opacity:0.7;   }
+	#header a{ color:#fff;  }
+	#header #logo{ position:relative; z-index:1; display:inline-block; *display:inline; zoom:1; font-size:14px; margin-right:5px; padding-left:10px;   }
+	#header .nav{ position:relative; z-index:2; float:right; padding-right:10px; }
+	#header .nav a{ padding:0 10px;  }
+	#header .nav a.imp{ color:#ff0;  }
+	#header .title{ position:relative; z-index:1; height:32px; overflow:hidden;   }
+
+	#content{ margin:0 auto; padding:62px 30px 30px 30px;  position:relative; text-align:left; z-index:0; }
+	#footer{ height:34px; line-height:34px; text-align:center; }
+
+/* 首页 - index.html  ---------------------------------------------- */
+
+
+
+	.indBtn{ text-align:center; display:none;  }
+	.indBtn a{ vertical-align:middle; margin:15px 15px 0 0; display:inline-block; *display:inline; zoom:1; padding:14px 22px 3px 22px;  line-height:26px;
+		color:#bede9a; font-size:14px;
+		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
+		background:#89c941;
+		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89c941), to(#72b238));
+		background: -webkit-linear-gradient(#89c941, #72b238);
+		background: -moz-linear-gradient(#89c941, #72b238);
+		background: -ms-linear-gradient(#89c941, #72b238);
+		background: -o-linear-gradient(#89c941, #72b238);
+		background: linear-gradient(#89c941, #72b238);
+		-pie-background: linear-gradient(#89c941, #72b238);
+		-webkit-box-shadow: #39591c 2px 2px 3px;
+		-moz-box-shadow: #39591c 2px 2px 3px;
+		box-shadow: #39591c 2px 2px 3px;
+	}
+	.indBtn a em{ font-size:30px; display:block; color:#fff;  }
+	.indIntro a:hover{ text-decoration:none; margin:11px 15px 0 0; }
+
+	.indTips{ position:fixed; _position:absolute; width:14px; right:0; top:90px; background:#333; padding:5px; line-height:18px; color:#fff; cursor:pointer;
+		-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
+	}
+	.indTips a{ color:#fff; text-decoration:none;   }
+	#indTips1{ display:none;  }
+	#ind2{ display:none;  }
+	#ind2 .topic{ font-size:60px; height:120px; line-height:120px;   }
+
+/* 参数 - param.html ---------------------------------------------- */
+	.paramPage .param{ width:100%;  margin-bottom:20px;  background:#fff;  }
+	.paramPage .param th{ text-align:center;  }
+	.paramPage .param td{ text-align:left; padding:5px 2px;   }
+	.paramPage .param .intro{ text-align:left;  }
+	.paramPage .param .link{ color:#39A4DC; text-decoration:underline;   }
+	.paramPage .param .t b{ color:#f60;  }
+	.paramPage .param i{ color:#f60;   }
+	.paramPage .param .on td{ background:#ffffaa;  }
+	/*.paramPage .param tr.n td{ color:#999;  }*/
+	.paramPage .intro a{ text-decoration:underline;  }
+	.paramPage .notice{ overflow:hidden;  text-align:left; padding-bottom:10px;  }
+	.paramPage .notice li{ width:120px; height:30px; line-height:30px; text-align:center; float:left; margin-right:10px; color:#fff; background:#666; cursor:pointer; }
+	.paramPage .notice .on{ background:#f60;   }
+
+
+/* 联系作者 ---------------------------------------------- */
+	#content .contact{ display:none;  color:#f60;  margin-bottom:20px;  }
+
+
+/* 案例 - demo.html ---------------------------------------------- */
+
+	.demoBox{  padding:0 20px 60px 20px;  background:#f2f2f2; border-bottom:3px dotted #ccc;   }
+	.demoBox .hd{ padding:40px 10px 0 10px;  }
+	.demoBox .hd h3{ font-size:30px; font-weight:bold; color:#39A4DC; line-height:60px; }
+	.demoBox .hd h3 span{ color:#ccc; font-style:italic; font-size:60px;  }
+	.demoBox .bd{ padding:20px; overflow:hidden; zoom:1;  }
+	.demoBox .bd .iframeWrap{ overflow:hidden; float:left;  }
+	.demoBox iframe{ width:100%; height:100%;  vertical-align:middle; }
+	.demoBox .botTit{ height:22px; line-height:22px; overflow:hidden; background:#eee; text-align:right; padding:5px 0; overflow:hidden; display:none; 
+	}
+	.demoBox .botTit em{ float:left; font-weight:bold; padding-left:10px;  }
+	.demoBox .botTit span a{ display:block; float:right; height:20px; line-height:20px; padding:0 5px; background:#f60; margin-right:10px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; display:none;  }
+	.demoBox .botTit span a:hover{ text-decoration:none; background:#f60;  }
+
+	.params{ width:580px; height:100%; margin-left:20px; float:left; _display:inline; background:#fff; padding-bottom:10px; border:1px solid #ddd; }
+	.params table{ background:#fff;   }
+	.params table .tit td{ padding: 5px 10px; background:#39A4DC; color:#fff;    }
+	.params table td{ border:1px solid #fff;  }
+	.params table .n{  width: 153px; text-align:right;   }
+	.params table .new{ color:#f00;   }
+	.params table i{ color:#999;  }
+	.params p{ padding:10px 0 0 10px;  }
+	.params .curJsCode{ color:#f60; display:block; font-family:SimSun;  }
+
+	.rightNav{ position:fixed; width:140px;  right:0; top:100px; _position:absolute; text-align:left; cursor:pointer; background-image:url(about:blank);  }
+	.rightNav a{ display:block; position:relative; height:30px; line-height:30px; margin-bottom:2px; background:#fff; padding-right:10px; width:130px; overflow:hidden;  cursor:pointer; right:-110px; }
+	.rightNav a:hover{ text-decoration:none; color:#39A4DC;  }
+	.rightNav a:hover em{ background:#00b700}
+	.rightNav a em{ display:block; float:left; width:30px; background:#39A4DC; color:#fff; font-size:16px; text-align:center; margin-right:10px;}
+	.rightNav a.new em{ background:#f60;  }
+	.demoBox .iframeWrap{ width:452px;  }
+	.demoBox .iframeWrap iframe{ width:452px; height:232px;  background:url(images/loading.gif) center center no-repeat; }
+
+	#picScroll-left iframe{  height:174px;  }
+	#picScroll-top iframe{  height:415px;  }
+	#picMarquee-left iframe{  height:172px;  }
+	#picMarquee-top iframe{  height:415px;  }
+	#txtScroll-left iframe{  height:80px;  }
+	#txtScroll-top iframe{  height:182px;  }
+	#txtMarquee-left iframe{  height:107px;  }
+	#txtMarquee-top iframe{  height:184px;  }
+	#sideMenu iframe{  height:227px;  }
+
+
+	/* 隐藏代码盒子 */
+	#displayBox{ z-index:10; display:none; position:fixed; _position:absolute;   width:1000px; height:500px;   left:50%; top:60px; margin-left:-500px; background:#fff;
+	border:5px solid #eee; 
+	-webkit-box-shadow: #333 0 0 8px;
+	-moz-box-shadow: #333 0 0 8px;
+	box-shadow: #333 0 0 8px; }
+	#displayBox .hd{ height:30px; line-height:30px; background:#eee; padding:0 10px; position:relative;
+		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#eee));
+		background: -webkit-linear-gradient(#F7F7F7, #eee);
+		background: -moz-linear-gradient(#F7F7F7, #eee);
+		background: -ms-linear-gradient(#F7F7F7, #eee);
+		background: -o-linear-gradient(#F7F7F7, #eee);
+		background: linear-gradient(#F7F7F7, #eee);
+	}
+	#displayBox .hd h3{ font-weight:bold; color:#39A4DC;  }
+	#displayBox .hd a{ display:block; position:absolute; right:10px; top:7px; width:20px; height:16px; line-height:16px; text-align:center;  background:#f60; color:#fff; cursor:pointer; }
+	#displayBox .hd a:hover{ text-decoration:none; }
+	#displayBox .bd{ padding:10px 0;  background:#fff;  }
+	#displayBox textarea{ width:458px; height:230px; padding:10px;  border:1px solid #ccc; display:block; }
+	#displayBox .bd p{ padding-top:10px;  }
+	#displayBox iframe{ width:1000px; height:440px; margin:0 auto;  }
+
+
+/* 扩展效果 ---------------------------------------------- */
+.authorWord{ margin-bottom:25px;   text-align:left; background:#fff; }
+.authorWord h3{ padding:0 20px;  height:30px;  font:normal 14px/30px "Microsoft YaHei"; overflow:hidden; cursor:pointer; border-bottom:1px dotted #ccc; }
+.authorWord h3 .arrow{ float:right; border-top-color:#fff; margin-top:11px;  }
+.authorWord .con{ padding:10px 20px; line-height:22px;  }
+.authorWord .con p{ margin-bottom:5px }
+.authorWord a{ color:#f60; text-decoration:underline;   }
+
+.demoList{ overflow:hidden; padding-top:10px;    }
+.demoList li{
+		position:relative;  cursor:pointer; float:left; width:160px;  text-align:center; margin:0 30px 30px 0; 
+		padding:4px 4px 0 4px; background:#e3e3e3; color:#000; 
+}
+.demoList li img{ display:block; width:160px; height:120px; background:url(images/loading.gif) center center no-repeat;  }
+.demoList li h3{ height:28px; line-height:28px;  }
+.demoList li.new i{ display:block; position:absolute; top:4px; right:4px; z-index:1; width:31px; height:31px;  background:url(images/new.png) 0 0 no-repeat;  }
+
+.demoList li.on{ 	
+	background:#666; color:#fff; 
+	-webkit-transform: translateY(-10px);
+	-moz-transform: translateY(-10px);
+	-o-transform: translateY(-10px);
+	-webkit-transition-duration:0.3s;
+	-o-transition-duration:0.3s;
+	-moz-transition-duration:0.3s;
+	}
+
+
+	.demoBoxEven{ background:#fff;  }
+	.demoBoxEven .demoList li{	 }
+	.demoBoxEven .demoList li.on{  background:#666; color:#fff;  }
+
+/* 如何使用 ---------------------------------------------- */
+.usePageDl{ width:1000px;  }
+.usePageDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
+.usePageDl dt h2 a{ color:#f60; text-decoration:underline;   }
+.usePageDl dt p{ padding:5px 0 10px 33px;  }
+.usePageDl dt p b{ color:#f60;  }
+.usePageDl dd{ margin-bottom:50px;  }
+.usePage .demoBox{ padding:0;  }
+.usePage .demoBox .bd .iframeWrap{ background:none;  }
+
+
+/* 下载页面 ----------------------------------------------- */
+.downLoadDl{ width:1000px;  }
+.downLoadDl dt h2{ font:normal 22px/150% "Microsoft YaHei"; _font-weight:bold; color:#39A4DC;  }
+.downLoadDl dt h2 a{ font-size:12px; color:#333; margin-left:20px; text-decoration:underline;    }
+.downLoadDl dd{ margin-bottom:50px; padding:10px 0;  }
+
+.dBtn{ cursor:pointer; display:block;  height:30px; line-height:30px; width:100px; text-align:center; font-size:16px;  background:#6ddb00; color:#fff; _font-weight:bold;
+	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
+	-webkit-box-shadow: #666 1px 1px 2px;
+	-moz-box-shadow: #666 1px 1px 2px;
+	box-shadow: #666 1px 1px 2px;
+}
+.dBtn:hover{ text-decoration:none; background:#65ca00; color:#fff; margin-left:2px;   }
+.pBtn{ background:#FFA241; font-size:12px; }
+.pBtn:hover{ background:#ff8635;  }
+.pBtn i{ font-family:Arial; _font-weight:bold; font-size:20px; }
+
+.downPage .inculde{ margin-top:20px; padding:10px; border:1px dotted #eee; background:#f3f3f3;}
+.downPage .inculde li{ color:#666;  }
+.downPage .inculde em{ font-weight:bold; color:#333;  }
+.downPage .inculde h3{ font-size:14px; font-weight:bold; color:#c00; padding-bottom:10px  }
+.downPage .inculde a{ color:#39A4DC; text-decoration:underline; margin:0 2px;   }
+#whyPay p,#howPay p{ text-indent:20px; margin-bottom:10px  }
+
+.pay{ overflow:hidden; padding-bottom:5px; vertical-align:top;  }
+.pay .pBtn{ float:left;  }
+.pay p{ margin-left:120px;  }
+.pay p span{ color:#c00;  }
+.downPage .imp{ color:#c00; font-size:14px;  }
+
+/* 颜色代码 
+#39A4DC 浅蓝色
+
+*/
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta property="wb:webmaster" content="125d4c886033b1d0" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery万能特效,jQuery幻灯片,jQuery焦点图,jQuery Tab切换,jQuery图片滚动,jQuery无缝滚动">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 基础效果</title>
+<script type="text/javascript" src="jquery1.42.min.js"></script>
+<link href="default.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+<style type="text/css">
+#content{  padding:32px 0 30px 0;    }
+</style>
+<!-- header S -->
+<div id="header" name="header">
+	<div class="headerBg"></div>
+	<span class="nav">
+		<a href="index.html">首页</a>|<a href="howToUse.html">如何使用</a>|<a href="param.html">查看参数</a>|<a href="demo.html">基础效果</a>|<a href="otherDemo.html">扩展效果</a>|<a href="downLoad.html">下载页面</a>|<a target="_blank" href="http://www.superslide2.com/blog/?cat=1">常见问题</a>|<a target="_blank" href="http://www.superslide2.com/blog/?cat=4">其它发明</a>|<a target="_blank" href="http://www.superslide2.com/blog/?page_id=12">交流反馈</a>
+	</span>
+	<div class="title">
+			<h1 tite="SuperSlide" id="logo">SuperSlide</h1><em>v2.1</em><span class="author"> -- 大话主席</span>
+	</div>
+</div>
+<!-- header E -->
+
+
+<!-- content S -->
+<div id="content" name="content">
+
+	<!-- 1 switchTab S -->
+	<div id="switchTab" class="demoBox">
+		<div name="effect1" id="effect1" class="hd"><h3><span>1. </span>标签切换 / 书签切换 / 默认效果</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/1.0-switchTab-iframe.html?" frameborder="0"></iframe>
+					<p class="botTit"><em>1.0-标签切换</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="fade">fade</option>
+										<option value="fold">fold</option>
+										<option value="left">left</option>
+										<option value="top">top</option>
+										<option value="leftLoop">leftLoop</option>
+										<option value="topLoop">topLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".slideTxtBox").slide({<i></i>});</span></p>
+					<p class="notice">注意：缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”，会有最佳效果。<br/></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 1 switchTab E -->
+
+	<!-- 2 focusNews S -->
+	<div id="focusNews" class="demoBox ">
+		<div name="effect2" id="effect2" class="hd"><h3><span>2. </span>焦点图 / 幻灯片</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/2.0-focus-iframe.html?&fade&true" frameborder="0"></iframe>
+					<p class="botTit"><em>2.0-焦点图/幻灯片</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="fade">fade</option>
+										<option value="fold">fold</option>
+										<option value="left">left</option>
+										<option value="top">top</option>
+										<option value="leftLoop">leftLoop</option>
+										<option value="topLoop">topLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option selected="selected" value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".slideBox").slide({mainCell:".bd ul"<i></i>});</span></p>
+					<p class="notice">注意：缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”，会有最佳效果。<br/></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 2 focusNews E -->
+
+	<!-- 3 picScroll-left S -->
+	<div id="picScroll-left" class="demoBox ">
+		<div name="effect3" id="effect3" class="hd"><h3><span>3. </span>图片滚动-左</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/3.0-picScroll-left-iframe.html?&left&true&1&3" frameborder="0"></iframe>
+					<p class="botTit"><em>3.0-图片滚动-左</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="left" class="show">left</option>
+										<option value="leftLoop">leftLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option selected="selected" value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">滚动个数<i>[scroll]</i>:</td>
+								<td>
+									<select name="scroll">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3" selected="selected">3</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true<i></i>});</span></p>
+					<p class="notice">注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。<br/>
+						注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
+					</p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 3 picScroll-left E -->
+
+	<!-- 4 picScroll-top S -->
+	<div id="picScroll-top" class="demoBox ">
+		<div name="effect4" id="effect4" class="hd"><h3><span>4. </span>图片滚动-上</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/4.0-picScroll-top-iframe.html?&top&true&1&3" frameborder="0"></iframe>
+					<p class="botTit"><em>4.0-图片滚动-上</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select  rel="string" name="effect">
+										<option value="top" class="show">top</option>
+										<option value="topLoop">topLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option selected="selected" value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">滚动个数<i>[scroll]</i>:</td>
+								<td>
+									<select name="scroll">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3" selected="selected">3</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true<i></i>});</span></p>
+					<p class="notice">注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。<br/>
+						注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
+					</p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 4 picScroll-top E -->
+
+	<!-- 5 picMarquee-left S -->
+	<div id="picMarquee-left" class="demoBox ">
+		<div name="effect5" id="effect5" class="hd"><h3><span>5. </span>图片无缝滚动-左</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/5.0-picMarquee-left-iframe.html?&leftMarquee&3&50&false&true&click" frameborder="0"></iframe>
+					<p class="botTit"><em>5.0-图片无缝滚动-左</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="leftMarquee" class="show">leftMarquee</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3" selected="selected">3</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">运行速度<i>[interTime]</i>:</td>
+								<td>
+									<select name="interTime">
+										<option value="50" class="show">50</option>
+										<option value="25">25</option>
+										<option value="10">10</option>
+									</select>
+								</td>
+								<td class="n">默认反方向运动<i>[opp]</i>:</td>
+								<td>
+									<select name="opp">
+										<option value="false">false</option>
+										<option value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：长按按钮10倍加速运行。">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click" selected="selected">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 5 picMarquee-left E -->
+
+	<!-- 6 picMarquee-top S -->
+	<div id="picMarquee-top" class="demoBox ">
+		<div name="effect6" id="effect6" class="hd"><h3><span>6. </span>图片无缝滚动-上</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/6.0-picMarquee-top-iframe.html?&topMarquee&3&50&false&true&click" frameborder="0"></iframe>
+					<p class="botTit"><em>6.0-图片无缝滚动-上</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="topMarquee" class="show">topMarquee</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3" selected="selected">3</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">运行速度<i>[interTime]</i>:</td>
+								<td>
+									<select name="interTime">
+										<option value="50" class="show">50</option>
+										<option value="25">25</option>
+										<option value="10">10</option>
+									</select>
+								</td>
+								<td class="n">默认反方向运动<i>[opp]</i>:</td>
+								<td>
+									<select name="opp">
+										<option value="false">false</option>
+										<option value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：长按按钮10倍加速运行。">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click" selected="selected">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 6 picMarquee-top E -->
+
+	<!-- 7 txtScroll-left S -->
+	<div id="txtScroll-left" class="demoBox ">
+		<div name="effect7" id="effect7" class="hd"><h3><span>7. </span>文字滚动-左</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/7.0-txtScroll-left-iframe.html?&left&true&2&2" frameborder="0"></iframe>
+					<p class="botTit"><em>7.0-文字滚动-左</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="left" class="show">left</option>
+										<option value="leftLoop">leftLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option selected="selected" value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">滚动个数<i>[scroll]</i>:</td>
+								<td>
+									<select name="scroll">
+										<option value="1">1</option>
+										<option value="2" selected="selected">2</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2" selected="selected">2</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".txtScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true<i></i>});</span></p>
+					<p class="notice">注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。<br/>
+						注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
+					</p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 7 txtScroll-left E -->
+
+	<!-- 8 txtScroll-top S -->
+	<div id="txtScroll-top" class="demoBox ">
+		<div name="effect8" id="effect8" class="hd"><h3><span>8. </span>文字滚动-上</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/8.0-txtScroll-top-iframe.html?&top&true&1&5" frameborder="0"></iframe>
+					<p class="botTit"><em>8.0-文字滚动-上</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select  rel="string" name="effect">
+										<option value="top" class="show">top</option>
+										<option value="topLoop">topLoop</option>
+									</select>
+								</td>
+								<td class="n">自动运行<i>[autoPlay]</i>:</td>
+								<td>
+									<select name="autoPlay">
+										<option value="false">false</option>
+										<option selected="selected" value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">滚动个数<i>[scroll]</i>:</td>
+								<td>
+									<select name="scroll">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+										<option value="4">4</option>
+										<option value="5">5</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+										<option value="4">4</option>
+										<option value="5" selected="selected">5</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="700">700</option>
+										<option value="1000">1000</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true<i></i>});</span></p>
+					<p class="notice">注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。<br/>
+						注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
+					</p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 8 txtScroll-top E -->
+
+	<!-- 9 txtMarquee-left S -->
+	<div id="txtMarquee-left" class="demoBox ">
+		<div name="effect9" id="effect9" class="hd"><h3><span>9. </span>文字无缝滚动-左</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/9.0-txtMarquee-left-iframe.html?&leftMarquee&3&50&false&true&click" frameborder="0"></iframe>
+					<p class="botTit"><em>9.0-文字无缝滚动-左</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="leftMarquee" class="show">leftMarquee</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="2" selected="selected">2</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">运行速度<i>[interTime]</i>:</td>
+								<td>
+									<select name="interTime">
+										<option value="50" class="show">50</option>
+										<option value="25">25</option>
+										<option value="10">10</option>
+									</select>
+								</td>
+								<td class="n">默认反方向运动<i>[opp]</i>:</td>
+								<td>
+									<select name="opp">
+										<option value="false">false</option>
+										<option value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：长按按钮10倍加速运行。">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click" selected="selected">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 9 txtMarquee-left E -->
+
+	<!-- 10 txtMarquee-top S -->
+	<div id="txtMarquee-top" class="demoBox ">
+		<div name="effect10" id="effect10" class="hd"><h3><span>10. </span>文字无缝滚动-上</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/10.0-txtMarquee-top-iframe.html?&topMarquee&5&50&false&true&click" frameborder="0"></iframe>
+					<p class="botTit"><em>10.0-文字无缝滚动-上</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="topMarquee" class="show">topMarquee</option>
+									</select>
+								</td>
+								<td class="n">可视个数<i>[vis]</i>:</td>
+								<td>
+									<select name="vis">
+										<option value="1">1</option>
+										<option value="2">2</option>
+										<option value="3">3</option>
+										<option value="4">4</option>
+										<option value="5" selected="selected">5</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">运行速度<i>[interTime]</i>:</td>
+								<td>
+									<select name="interTime">
+										<option value="50" class="show">50</option>
+										<option value="25">25</option>
+										<option value="10">10</option>
+									</select>
+								</td>
+								<td class="n">默认反方向运动<i>[opp]</i>:</td>
+								<td>
+									<select name="opp">
+										<option value="false">false</option>
+										<option value="true">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="前/后按钮是否继续循环，若为false则当翻动到最前/后页时，前/后按钮点击无效">前后按钮循环<i>[pnLoop]</i>:</td>
+								<td>
+									<select name="pnLoop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：长按按钮10倍加速运行。">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click" selected="selected">click</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移到容器层是否停止播放">停止播放<i>[mouseOverStop]</i>:</td>
+								<td>
+									<select name="mouseOverStop">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 10 txtMarquee-top E -->
+
+
+	<!-- 11 nav S -->
+	<div id="topNav" class="demoBox ">
+		<div name="effect11" id="effect11" class="hd"><h3><span>11. </span>导航</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/11.0-nav-iframe.html?&slideDown&300&0&true&true&" frameborder="0"></iframe>
+					<p class="botTit"><em>12.0-导航</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="fade">fade</option>
+										<option value="slideDown" selected="selected">slideDown</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="300" selected="selected">300</option>
+										<option value="100">100</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n" title="鼠标停留多少毫秒后才触发效果">延迟触发<i>[triggerTime]</i>:</td>
+								<td>
+									<select name="triggerTime">
+										<option value="150">150</option>
+										<option value="300">300</option>
+										<option value="0" selected="selected">0</option>
+									</select>
+								</td>
+								<td class="n new"  title="v2.1 新增：默认是否执行效果">默认执行<i>[defaultPlay]</i>:</td>
+								<td>
+									<select name="defaultPlay">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new" title="v2.1 新增：鼠标移走，0.3秒后返回默认状态">返回默认<i>[returnDefault]</i>:</td>
+								<td>
+									<select name="returnDefault">
+										<option value="false">false</option>
+										<option value="true" selected="selected">true</option>
+									</select>
+								</td>
+								<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+							</tr>
+
+
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery("#nav").slide({ type:"menu", titCell:".nLi", targetCell:".sub"<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 11 nav E -->
+
+
+	<!-- 12 sideMenu S -->
+	<div id="sideMenu" class="demoBox ">
+		<div name="effect12" id="effect12" class="hd"><h3><span>12. </span>手风琴</h3></div>
+		<div class="bd">
+				<div class="iframeWrap">
+					<iframe allowTransparency="true" scrolling="no" _src="demo/iframe/12.0-sideMenu-iframe.html?&slideDown&300&mouseover&150&true&true&" frameborder="0"></iframe>
+					<p class="botTit"><em>13.0-手风琴</em></p>
+				</div>
+
+				<div class="params">
+					<table width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr class="tit"> <td colspan="4">常用参数(切换看看)</td> </tr>
+							<tr>
+								<td class="n">效果<i>[effect]</i>:</td>
+								<td>
+									<select rel="string" name="effect">
+										<option value="fade">fade</option>
+										<option value="slideDown" selected="selected">slideDown</option>
+									</select>
+								</td>
+								<td class="n">效果速度<i>[delayTime]</i>:</td>
+								<td>
+									<select name="delayTime">
+										<option value="500">500</option>
+										<option value="300" selected="selected">300</option>
+										<option value="100">100</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n">触发方式<i>[trigger]</i>:</td>
+								<td>
+									<select rel="string" name="trigger">
+										<option value="mouseover">mouseover</option>
+										<option value="click">click</option>
+									</select>
+								</td>
+								<td class="n" title="鼠标停留多少毫秒后才触发效果">延迟触发<i>[triggerTime]</i>:</td>
+								<td>
+									<select name="triggerTime">
+										<option value="150">150</option>
+										<option value="300">300</option>
+										<option value="0">0</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+								<td class="n new"  title="v2.1 新增：默认是否执行效果">默认执行<i>[defaultPlay]</i>:</td>
+								<td>
+									<select name="defaultPlay">
+										<option value="true">true</option>
+										<option value="false">false</option>
+									</select>
+								</td>
+								<td class="n new" title="v2.1 新增：鼠标移走，0.3秒后返回默认状态">返回默认<i>[returnDefault]</i>:</td>
+								<td>
+									<select name="returnDefault">
+										<option value="false">false</option>
+										<option value="true" selected="selected">true</option>
+									</select>
+								</td>
+							</tr>
+							<tr>
+							 	<td class="n">缓动效果<i>[easing]</i>:</td>
+								<td>
+									<select rel="string" name="easing">
+										<option value="swing">swing</option>
+										<option value="easeOutCirc">easeOutCirc</option>
+										<option value="easeInQuint">easeInQuint</option>
+										<option value="easeInBack">easeInBack</option>
+										<option value="easeOutBounce">easeOutBounce</option>
+										<option value="easeOutElastic">easeOutElastic</option>
+										<option value="easing-more">更多</option>
+									</select>
+								</td>
+							</tr>
+
+
+					</table>
+					<p class="jsCode">当前调用代码：<span class="curJsCode">jQuery(".sideMen").slide({titCell:"h3", targetCell:"ul",defaultIndex:1<i></i>});</span></p>
+				</div>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- 12 sideMenu E -->
+
+	<!-- T1 others S -->
+	<div id="others" class="demoBox">
+		<div name="effectT1" id="effectT1" class="hd"><h3><span>T1. </span>其它基础效果</h3></div>
+		<div class="bd">
+
+			<ul class="demoList">
+				<li>
+						<div class="pic">
+							<img src="demo/T1.1-multipleLine.jpg" />
+						</div>
+						<h3>多行滚动基础示例</h3>
+				</li>
+				<li>
+						<div class="pic">
+							<img src="demo/T1.2-multipleColumn.jpg" />
+						</div>
+						<h3>多列滚动基础示例</h3>
+				</li>
+				<li>
+						<div class="pic">
+							<img src="demo/T1.3-targetCell.jpg" />
+						</div>
+						<h3>targetCell基础示例</h3>
+				</li>
+				<li>
+						<div class="pic">
+							<img src="demo/T1.4-SuperSlideGroup.jpg" />
+						</div>
+						<h3>SuperSlide组合应用基础示例</h3>
+				</li>
+				<li class="o">
+						<div class="pic">
+							<a href="demo/T1.5-onePage.html" target="_blank"><img src="demo/T1.5-onePage.jpg" /></a>
+						</div>
+						<h3>同一页面使用多个效果示例</h3>
+				</li>
+				<li class="new">
+						<div class="pic">
+							<img src="demo/T1.6-doubleTab.jpg" />
+						</div>
+						<h3>双重Tab（slide组合）</h3>
+						<i></i>
+				</li>
+				<li class="new">
+						<div class="pic">
+							<img src="demo/T1.7-tabMarquee.jpg" />
+						</div>
+						<h3>Tab+无缝滚动（slide组合）</h3>
+						<i></i>
+				</li>
+				<li class="new">
+						<div class="pic">
+							<img src="demo/T1.8-picFocus.jpg" />
+						</div>
+						<h3>图片导航焦点图</h3>
+						<i></i>
+				</li>
+			</ul>
+
+		</div><!-- bd E -->
+	</div>
+	<!-- T1 others E -->
+
+	<script type="text/javascript">
+		//隔行添加demoBoxEven
+		$(".demoBox").each(function(i){ if (i%2==0)$(this).addClass("demoBoxEven"); });
+		//当前调用代码初始化
+		$(".params").each(function(ind){
+			$(this).find(".curJsCode").eq(ind).html(getJsCode(ind));
+		});
+
+		//切换参数调用切换不同效果
+		$(".params select").change(function(){
+
+			 if($(this).val()=="easing-more"){ window.open("otherDemo/T2.1/easing.html"); return; }
+
+			 var srcStr="";
+			 var ind=$(".params").index( $(this).closest(".params") );
+
+			 var iframe = $(this).closest(".demoBox").find("iframe");
+			 var selects = $(this).closest(".params").find("select");
+
+			 selects.each(function(){
+				srcStr += "&"+$(this).val();
+			 });
+			 iframe.attr("src",iframe.attr("src").split('&')[0]+srcStr);
+
+			$(".curJsCode").eq(ind).html(getJsCode(ind));
+		});
+
+		//当前调用代码
+		function getJsCode( ind ){
+			var curJsCode="";
+			var $cur = $(".curJsCode").eq(ind);
+
+			$(".params").eq(ind).find("select").each(function(){
+				if( $("option",this).index( $("option:selected",this) ) !=0 || $("option",this).attr("class")=="show")
+				{
+					var tempVal = $(this).attr("rel")=="string"?('"'+$(this).val()+'"'):$(this).val();
+					curJsCode+= "," + $(this).attr("name")+":"+tempVal;
+				}
+			});
+			if(ind==0) curJsCode = curJsCode.substring(1);
+			$cur.find("i").html(curJsCode);
+			curJsCode = $cur.html();
+			return curJsCode;
+		}
+
+
+	</script>
+
+
+</div>
+<!-- content E -->
+
+	<!-- 隐藏代码盒子 S -->
+	<div id="displayBox">
+		<div class="hd"><a>X</a><h3></h3></div>
+		<div class="bd">
+			<iframe allowTransparency="true" scrolling="yse" src="" frameborder="0"></iframe>
+		</div>
+	</div>
+	<script type="text/javascript">
+
+			$(".demoList li").hover(function(){ $(this).addClass("on") },function(){ $(this).removeClass("on") });
+			$(".demoList li").each(function(i){
+				$(this).attr("title", $("img",this).attr("src").split("/")[1] +"-"+ $("h3",this).text() )
+			});
+
+			$(".demoList li:not('.o')").click(function(){
+				$("#displayBox h3").text(  $("h3",this).text() );
+				$("#displayBox iframe").attr("src",$("img",this).attr("src").replace(".jpg",".html"));
+				$("#displayBox").show();
+			});
+
+			//当前效果代码
+			$("#displayBox .hd a").click(function(){ $("#displayBox").hide() }); //关闭隐藏盒子
+			$("#displayBox").blur( function(){ $(this).hide } );
+
+			var isIE6 = !!window.ActiveXObject&&!window.XMLHttpRequest;
+			if( isIE6 ){ $(window).scroll(function(){ $("#displayBox").css("top", $(document).scrollTop()+10) }); }
+	</script>
+
+
+<!-- 右侧导航 -->
+
+<div class="rightNav">
+	<a href="#content"><em>^</em>回到顶部</a>
+	<a href="#effect1"><em>1</em>书签切换</a>
+	<a href="#effect2"><em>2</em>幻灯片</a>
+	<a href="#effect3"><em>3</em>图片滚动-左</a>
+	<a href="#effect4"><em>4</em>图片滚动-上</a>
+	<a href="#effect5"><em>5</em>图片无缝滚动-左</a>
+	<a href="#effect6"><em>6</em>图片无缝滚动-上</a>
+	<a href="#effect7"><em>7</em>文字滚动-左</a>
+	<a href="#effect8"><em>8</em>文字滚动-上</a>
+	<a href="#effect9"><em>9</em>文字无缝滚动-左</a>
+	<a href="#effect10"><em>10</em>文字无缝滚动-上</a>
+	<a class="new" href="#effect11"><em>11</em>常用导航 [v2.1]</a>
+	<a class="new" href="#effect12"><em>12</em>手风琴 [v2.1]</a>
+	<a href="#effectT1"><em>T1</em>其它基础效果</a>
+
+</div>
+<script type="text/javascript">
+	//右侧导航
+	var btb=$(".rightNav");
+	var tempS;
+	$(".rightNav").hover(function(){
+			var thisObj = $(this);
+			tempS = setTimeout(function(){
+			thisObj.find("a").each(function(i){
+				var tA=$(this);
+				setTimeout(function(){ tA.animate({right:"0"},200);},50*i);
+			});
+		},200);
+
+	},function(){
+		if(tempS){ clearTimeout(tempS); }
+		$(this).find("a").each(function(i){
+			var tA=$(this);
+			setTimeout(function(){ tA.animate({right:"-110"},200,function(){
+			});},50*i);
+		});
+
+	});
+	var isIE6 = !!window.ActiveXObject&&!window.XMLHttpRequest;
+
+	//滚动加载
+	var scrollLoad =function(){
+		$("#content iframe[_src]").each(function(){
+				var t = $(this);
+				if( t.offset().top<= $(document).scrollTop() + $(window).height()  )
+				{
+					t.attr( "src",t.attr("_src") ).removeAttr("_src");
+				}
+		});//each E
+	}
+
+	scrollLoad();
+	$(window).scroll(function(){ 
+		if(isIE6){ btb.css("top", $(document).scrollTop()+30) }
+		scrollLoad();
+	});
+</script>
+
+
+<div id="footer">Copyright ©2011-2013 大话主席 </div>
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/1.0-switchTab.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/1.0-switchTab.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery标签切换效果,Tab切换效果">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - Tab切换效果</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		a:hover{ color:#1974A1;  }
+
+
+		/* 本例子css */
+		.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
+		.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
+		.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
+		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
+		.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
+		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
+		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
+		.slideTxtBox .bd li .date{ float:right; color:#999;  }
+
+		/* 下面是前/后按钮代码，如果不需要删除即可 */
+		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
+		.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
+		.slideTxtBox .arrow .next{ background-position:0 -50px;  }
+		.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
+		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
+
+		</style>
+
+
+		<div class="slideTxtBox">
+			<div class="hd">
+
+				<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
+				<span class="arrow"><a class="next"></a><a class="prev"></a></span>
+
+				<ul><li>教育</li><li>培训</li><li>出国</li></ul>
+			</div>
+			<div class="bd">
+				<ul>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
+				</ul>
+				<ul>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">耶鲁小子：教你备考SAT</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">施强：高端专业语言教学</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">【推荐】名校英语方法曝光！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012高考“考点”大曝光!!</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">涨价仍爆棚假日旅游冰火两重天</a></li>
+				</ul>
+				<ul>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012世界大学排名新鲜出炉</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">新加坡留学，国际双语课程</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">高考后留学日本名校随你选</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">教育培训行业优势资源推介</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">即刻预约今年最后一场教育展</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">女友坚持警局完婚不抛弃</a></li>
+				</ul>
+			</div>
+		</div>
+		<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/10.0-txtMarquee-top.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/10.0-txtMarquee-top.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery文字无缝滚动特效,javascript文字无缝滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 文字无缝滚动特效-上</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		a:hover{ color:#1974A1;  }
+
+
+		/* 本例子css */
+		.txtMarquee-top{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
+		.txtMarquee-top .hd .next{ background-position:0 -140px;  }
+		.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
+		.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
+		.txtMarquee-top .bd{ padding:15px;  }
+		.txtMarquee-top .infoList li{ height:24px; line-height:24px;   }
+		.txtMarquee-top .infoList li .date{ float:right; color:#999;  }
+
+		</style>
+
+
+		<div class="txtMarquee-top">
+			<div class="hd">
+				<a class="next"></a>
+				<a class="prev"></a>
+			</div>
+			<div class="bd">
+				<ul class="infoList">
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+			jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:5,interTime:50});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/11.0-nav.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/11.0-nav.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery文字无缝滚动特效,javascript文字无缝滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 导航效果</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+
+</head>
+
+<body>
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		a:hover{ color:#1974A1;  }
+
+
+		/* 本例子css */
+		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
+		.nav{ padding:0 20px; height:34px; line-height:34px; background:#39A4DC;  position:relative; z-index:1;  }
+		.nav a{ color:#fff;  }
+		.nav .nLi{ float:left;  position:relative; display:inline;  }
+		.nav .nLi h3{ float:left;  }
+		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
+		.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
+		.nav .sub li{ zoom:1; }
+		.nav .sub a{ display:block; padding:0 10px; }
+		.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
+		.nav .on h3 a{ background:#4E4E4E; color:#fff;   }
+		</style>
+
+
+		<ul id="nav" class="nav clearfix">
+			<li class="nLi">
+				<h3><a href="http://www.SuperSlide2.com" target="_blank">首页</a></h3>
+			</li>
+			<li class="nLi">
+					<h3><a href="http://www.SuperSlide2.com" target="_blank">新闻</a></h3>
+					<ul class="sub">
+						<li><a href="#">新闻首页</a></li>
+						<li><a href="#">新闻人物</a></li>
+						<li><a href="#">新闻电视</a></li>
+						<li><a href="#">新闻图片</a></li>
+						<li><a href="#">新闻视频</a></li>
+						<li><a href="# ">新闻专题</a></li>
+					</ul>
+			</li>
+			<li class="nLi on">
+			<!-- 假设当前频道为“预告片”，手动或后台程序添加titOnClassName类名（默认是'on'），相当于设置参数defaultIndex:1。若同时设置参数returnDefault:true，则鼠标移走后0.3秒返回当前频道 -->
+					<h3><a href="http://www.SuperSlide2.com" target="_blank">预告片</a></h3>
+					<ul class="sub">
+						<li><a href="#">新闻首页</a></li>
+						<li><a href="#">新闻人物</a></li>
+						<li><a href="#">新闻电视</a></li>
+						<li><a href="#">新闻图片</a></li>
+						<li><a href="#">新闻视频</a></li>
+						<li><a href="# ">新闻专题</a></li>
+					</ul>
+			</li>
+			<li class="nLi ">
+					<h3><a href="http://www.SuperSlide2.com" target="_blank">影评</a></h3>
+					<ul class="sub">
+						<li><a href="#">新闻首页</a></li>
+						<li><a href="#">新闻人物</a></li>
+						<li><a href="#">新闻电视</a></li>
+						<li><a href="#">新闻图片</a></li>
+						<li><a href="#">新闻视频</a></li>
+						<li><a href="# ">新闻专题</a></li>
+					</ul>
+			</li>
+			<li class="nLi">
+					<h3><a href="http://www.SuperSlide2.com" target="_blank">资料库</a></h3>
+					<ul class="sub">
+						<li><a href="#">新闻首页</a></li>
+						<li><a href="#">新闻人物</a></li>
+						<li><a href="#">新闻电视</a></li>
+						<li><a href="#">新闻图片</a></li>
+						<li><a href="#">新闻视频</a></li>
+						<li><a href="# ">新闻专题</a></li>
+					</ul>
+			</li>
+		</ul>
+
+
+		<div class="intro" style="padding:10px">
+			假设当前频道为“预告片”，</br>
+			手动或后台程序添加titOnClassName类名（默认是'on'），相当于设置参数defaultIndex:2。</br>
+			若同时设置参数returnDefault:true，则鼠标移走后返回当前频道。
+		</div>
+
+		<script id="jsID" type="text/javascript">
+			
+			jQuery("#nav").slide({ 
+				type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
+				titCell:".nLi", //鼠标触发对象
+				targetCell:".sub", //titCell里面包含的要显示/消失的对象
+				effect:"slideDown", //targetCell下拉效果
+				delayTime:300 , //效果时间
+				triggerTime:0, //鼠标延迟触发时间（默认150）
+				returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
+			});
+		</script>
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/12.0-sideMenu.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/12.0-sideMenu.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,targetCell基础示例">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - targetCell基础示例</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		.js{width:90%; margin:10px auto 0 auto; }
+		.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
+		.js p span{ float:right; }
+		.js p span a{ color:#f00; text-decoration:underline;   }
+		.js textarea{ height:50px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }
+
+
+		/* 本例子css */
+		.sideMenu{  border:1px solid #ddd;  }
+		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
+			font:normal 14px/32px "Microsoft YaHei";
+		}
+		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
+		.sideMenu h3.on em{ background-position:16px -57px; }
+		.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
+
+		</style>
+
+		<div class="sideMenu" style="margin:0 auto">
+			<h3><em></em>书签切换系列</h3>
+			<ul>
+				<li>淘宝首页右侧公告</li>
+				<li>京东首页产品切换</li>
+				<li>苏宁易购首页品牌切换</li>
+				<li>1号店双重切换</li>
+				<li>腾讯健康频道切换</li>
+			</ul>
+
+			<h3 class="on"><em></em>幻灯片/焦点图系列</h3>
+			<!-- 假设当前频道为“幻灯片/焦点图系列”，手动或后台程序添加titOnClassName类名（默认是'on'），相当于设置参数defaultIndex:1。若设置参数returnDefault:true，则鼠标移出.sideMen0.3秒可以返回当前频道 -->
+
+			<ul>
+				<li>淘宝首页焦点图</li>
+				<li>腾讯娱乐频道焦点图</li>
+				<li>腾讯电影频道焦点图</li>
+				<li>网易游戏频道焦点图</li>
+				<li>易迅首页焦点图</li>
+			</ul>
+			<h3><em></em>带按钮切换</h3>
+			<ul>
+				<li>淘宝首页今日活动</li>
+				<li>豆瓣读书频道</li>
+				<li>天猫首页品牌切换</li>
+				<li>格瓦拉首页活动进行中</li>
+				<li>腾讯博客图片滚动</li>
+			</ul>
+
+
+		</div><!-- sideMenu End -->
+
+		<script type="text/javascript">
+			jQuery(".sideMenu").slide({
+				titCell:"h3", //鼠标触发对象
+				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
+				effect:"slideDown", //targetCell下拉效果
+				delayTime:300 , //效果时间
+				triggerTime:150, //鼠标延迟触发时间（默认150）
+				defaultPlay:true,//默认是否执行效果（默认true）
+				returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
+				});
+		</script>
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/2.0-focus.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/2.0-focus.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery焦点图/幻灯片">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 焦点图/幻灯片</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+
+		/* 本例子css */
+		.slideBox{ width:450px; height:230px; overflow:hidden; position:relative; border:1px solid #ddd;  }
+		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
+		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
+		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
+		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
+		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
+		.slideBox .bd li{ zoom:1; vertical-align:middle; }
+		.slideBox .bd img{ width:450px; height:230px; display:block;  }
+
+		/* 下面是前/后按钮代码，如果不需要删除即可 */
+		.slideBox .prev,
+		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
+		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
+		.slideBox .prev:hover,
+		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
+		.slideBox .prevStop{ display:none;  }
+		.slideBox .nextStop{ display:none;  }
+
+		</style>
+
+		<div id="slideBox" class="slideBox">
+			<div class="hd">
+				<ul><li>1</li><li>2</li><li>3</li></ul>
+			</div>
+			<div class="bd">
+				<ul>
+					<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></li>
+				</ul>
+			</div>
+
+			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
+			<a class="prev" href="javascript:void(0)"></a>
+			<a class="next" href="javascript:void(0)"></a>
+
+		</div>
+
+		<script type="text/javascript">
+		jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/3.0-picScroll-left.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/3.0-picScroll-left.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery图片滚动特效,javascript图片滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 图片滚动特效-左</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+
+		/* 本例子css */
+		.picScroll-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
+		.picScroll-left .hd .next{ background-position:0 -50px;  }
+		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
+		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
+		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
+		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
+		.picScroll-left .hd ul li.on{ background-position:0 0; }
+		.picScroll-left .bd{ padding:10px;   }
+		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
+		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
+		.picScroll-left .bd ul li .pic{ text-align:center; }
+		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
+		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
+		.picScroll-left .bd ul li .title{ line-height:24px;   }
+
+		</style>
+
+		<div class="picScroll-left">
+			<div class="hd">
+				<a class="next"></a>
+				<ul></ul>
+				<a class="prev"></a>
+				<span class="pageState"></span>
+			</div>
+			<div class="bd">
+				<ul class="picList">
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic4.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic5.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图5</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic6.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图6</a></div>
+					</li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3,trigger:"click"});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/4.0-picScroll-top.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/4.0-picScroll-top.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery图片滚动特效,javascript图片滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 图片上滚动特效-上</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+
+		/* 本例子css */
+		.picScroll-top{ margin:0 auto;  width:210px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
+		.picScroll-top .hd .next{ background-position:0 -140px;  }
+		.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
+		.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
+		.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
+		.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
+		.picScroll-top .hd ul li.on{ background-position:0 0; }
+		.picScroll-top .bd{ padding:10px;   }
+		.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
+		.picScroll-top .bd ul li{ text-align:center; zoom:1; }
+		.picScroll-top .bd ul li .pic{ text-align:center; }
+		.picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
+		.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
+		.picScroll-top .bd ul li .title{ line-height:24px; }
+
+		</style>
+
+		<div class="picScroll-top">
+			<div class="hd">
+				<a class="next"></a>
+				<ul></ul>
+				<a class="prev"></a>
+				<span class="pageState"></span>
+			</div>
+			<div class="bd">
+				<ul class="picList">
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic4.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic5.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图5</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic6.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图6</a></div>
+					</li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		 jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:3,trigger:"click"});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/5.0-picMarquee-left.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/5.0-picMarquee-left.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery图片无缝滚动特效,javascript图片无缝滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 图片无缝滚动特效-左</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+
+		/* 本例子css */
+		.picMarquee-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
+		.picMarquee-left .hd .next{ background-position:0 -50px;  }
+		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
+		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
+		.picMarquee-left .bd{ padding:10px;   }
+		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
+		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
+		.picMarquee-left .bd ul li .pic{ text-align:center; }
+		.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
+		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
+		.picMarquee-left .bd ul li .title{ line-height:24px;   }
+
+		</style>
+
+		<div class="picMarquee-left">
+			<div class="hd">
+				<a class="next"></a>
+				<a class="prev"></a>
+			</div>
+			<div class="bd">
+				<ul class="picList">
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic4.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic5.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图5</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic6.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图6</a></div>
+					</li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:3,interTime:50});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/6.0-picMarquee-top.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/6.0-picMarquee-top.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery图片无缝滚动特效,javascript图片无缝滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 图片无缝滚动特效-上</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+
+		/* 本例子css */
+		.picMarquee-top{ margin:0 auto;  width:210px; overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.picMarquee-top .hd .prev,.picMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
+		.picMarquee-top .hd .next{ background-position:0 -140px;  }
+		.picMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
+		.picMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
+		.picMarquee-top .bd{ padding:10px;   }
+		.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
+		.picMarquee-top .bd ul li{ text-align:center; zoom:1; }
+		.picMarquee-top .bd ul li .pic{ text-align:center; }
+		.picMarquee-top .bd ul li .pic img{ width:180px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
+		.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
+		.picMarquee-top .bd ul li .title{ line-height:24px;   }
+
+		</style>
+
+		<div class="picMarquee-top">
+			<div class="hd">
+				<a class="next"></a>
+				<a class="prev"></a>
+			</div>
+			<div class="bd">
+				<ul class="picList">
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic1.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic2.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic3.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic4.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic5.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图5</a></div>
+					</li>
+					<li>
+						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="images/pic6.jpg" /></a></div>
+						<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图6</a></div>
+					</li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/7.0-txtScroll-left.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/7.0-txtScroll-left.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery文字滚动特效,javascript文字滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 文字滚动特效-左</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		a:hover{ color:#1974A1;  }
+
+		/* 本例子css */
+		.txtScroll-left{ width:450px;  position:relative;  border:1px solid #ccc;   }
+		.txtScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/arrow.png") no-repeat;}
+		.txtScroll-left .hd .next{ background-position:0 -50px;  }
+		.txtScroll-left .hd .prevStop{ background-position:-60px 0; }
+		.txtScroll-left .hd .nextStop{ background-position:-60px -50px; }
+		.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
+		.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
+		.txtScroll-left .hd ul li.on{ background-position:0 0; }
+		.txtScroll-left .bd{ padding:10px; width:430px; overflow:hidden;    }
+		.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
+		.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline;}
+		.txtScroll-left .bd ul li span{ color:#999;  }
+		</style>
+
+		<div class="txtScroll-left">
+			<div class="hd">
+				<a class="next"></a>
+				<ul class="num"><li>1</li><li>2</li><li>3</li></ul>
+				<a class="prev"></a>
+				<span class="pageState"></span>
+			</div>
+			<div class="bd">
+				<ul class="infoList">
+					<li><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a><span>[11-11]</span></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank">施强：高端专业语言教学</a><span>[11-11]</span></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank">新加坡留学，国际双语课程</a><span>[11-11]</span></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank">高考后留学日本名校随你选</a><span>[11-11]</span></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank">教育培训行业优势资源推介</a><span>[11-11]</span></li>
+					<li><a href="http://www.SuperSlide2.com" target="_blank">女友坚持警局完婚不抛弃</a><span>[11-11]</span></li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		 jQuery(".txtScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,scroll:2,vis:2,trigger:"click"});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+
--- a/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/8.0-txtScroll-top.html
+++ b/JeeSpringCloud/jeespring-web/src/main/webapp/static/SuperSlide/demo/8.0-txtScroll-top.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="Content-Language" content="zh-CN">
+<meta name="Keywords" content="SuperSlide,jQuery文字滚动特效,javascript文字滚动特效">
+<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果">
+<title>SuperSlide - 文字滚动特效-上</title>
+<script type="text/javascript" src="../jquery1.42.min.js"></script><script type="text/javascript" src="../jquery.SuperSlide.2.1.js"></script>
+</head>
+
+<body>
+
+
+
+
+		<style type="text/css">
+		/* css 重置 */
+		*{margin:0; padding:0; list-style:none; }
+		body{ background:#fff; font:normal 12px/22px 宋体;  }
+		img{ border:0;  }
+		a{ text-decoration:none; color:#333;  }
+		a:hover{ color:#1974A1;  }
+
+
+		/* 本例子css */
+		.txtScroll-top{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
+		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
+		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
+			 cursor:pointer; background:url("images/icoUp.gif") no-repeat;}
+		.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }
+		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
+		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
+		.txtScroll-top .hd ul li.on{ background-position:0 0; }
+		.txtScroll-top .bd{ padding:15px;  }
+		.txtScroll-top .infoList li{ height:24px; line-height:24px;   }
+		.txtScroll-top .infoList li .date{ float:right; color:#999;  }
+
+		</style>
+
+
+		<div class="txtScroll-top">
+			<div class="hd">
+				<a class="next"></a>
+				<ul></ul>
+				<a class="prev"></a>
+				<span class="pageState"></span>
+			</div>
+			<div class="bd">
+				<ul class="infoList">
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
+					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
+				</ul>
+			</div>
+		</div>
+
+		<script type="text/javascript">
+		jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,vis:5});
+		</script>
+
+
+
+</body>
+</html>
+<script type="text/javascript">
+//百度统计代码
+var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
+document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fa630f96b6a9dd549675d26373853f7f1' type='text/javascript'%3E%3C/script%3E"));
+</script>
+