界面框架初步提交
@@ -1,255 +0,0 @@
|
||||
@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 浅蓝色
|
||||
|
||||
*/
|
||||
@@ -1,94 +0,0 @@
|
||||
<!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">名师教作文:3妙招巧写高分</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>
|
||||
|
||||
@@ -1,71 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,116 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,88 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,74 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,93 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,93 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,88 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,88 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,71 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,74 +0,0 @@
|
||||
<!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>
|
||||
|
||||
@@ -1,68 +0,0 @@
|
||||
<!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-left{ width:450px; position:relative; border:1px solid #ccc; }
|
||||
.txtMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
|
||||
.txtMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat; }
|
||||
.txtMarquee-left .bd{ padding:10px; }
|
||||
.txtMarquee-left .bd .tempWrap{ width:425px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度,这样就可以手动控制可视宽度。 */
|
||||
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
|
||||
.txtMarquee-left .bd ul li{ margin-right:20px; float:left; height:24px; line-height:24px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度,解决文字不衔接问题 */
|
||||
|
||||
|
||||
.txtMarquee-left .bd ul li span{ color:#999; }
|
||||
</style>
|
||||
|
||||
<div class="txtMarquee-left">
|
||||
<div class="hd">
|
||||
<a class="next"></a>
|
||||
<a class="prev"></a>
|
||||
</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(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:2,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>
|
||||
|
||||
@@ -1,163 +0,0 @@
|
||||
<!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,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; }
|
||||
.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 */
|
||||
.multipleLine{ overflow:hidden; position:relative; width:450px; border:1px solid #ccc; }
|
||||
.multipleLine .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.multipleLine .hd .prev,.multipleLine .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;}
|
||||
.multipleLine .hd .next{ background:url("images/icoDown.gif") no-repeat; }
|
||||
.multipleLine .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
|
||||
.multipleLine .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; }
|
||||
.multipleLine .hd ul li.on{ background-position:0 0; }
|
||||
.multipleLine .bd{ padding:10px; height:240px; overflow:hidden; }
|
||||
.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px; }
|
||||
.multipleLine .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.multipleLine .bd ul li .pic{ text-align:center; }
|
||||
.multipleLine .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.multipleLine .bd ul li .pic a:hover img{ border-color:#999; }
|
||||
.multipleLine .bd ul li .title{ line-height:24px; }
|
||||
|
||||
</style>
|
||||
|
||||
<div class="multipleLine" style="margin:0 auto">
|
||||
<div class="hd">
|
||||
<a class="next"></a>
|
||||
<ul></ul>
|
||||
<a class="prev"></a>
|
||||
<span class="pageState"></span>
|
||||
</div>
|
||||
<div class="bd">
|
||||
|
||||
<div class="ulWrap">
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/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/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/pic1.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/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/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/pic2.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/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/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/pic3.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- ulWrap End -->
|
||||
</div><!-- bd End -->
|
||||
</div><!-- multipleLine End -->
|
||||
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
多行/多列的滚动解决思路在于:把每次滚动的n个li放到1个ul里面,然后用SuperSlide每次滚动1个ul,相当于每次滚动n个li
|
||||
*/
|
||||
jQuery(".multipleLine").slide({titCell:".hd ul",mainCell:".bd .ulWrap",autoPage:true,effect:"top",autoPlay:true});
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>多行/多列的滚动解决思路在于:把每次滚动的n个li放到1个ul里面,然后用SuperSlide每次滚动1个ul,相当于每次滚动n个li</p>
|
||||
<textarea>本例js调用:jQuery(".multipleLine").slide({titCell:".hd ul",mainCell:".bd .ulWrap",autoPage:true,effect:"top",autoPlay:true});</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.5 KiB |
@@ -1,156 +0,0 @@
|
||||
<!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,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; }
|
||||
.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 */
|
||||
.multipleColumn{ overflow:hidden; position:relative; width:870px; border:1px solid #ccc; }
|
||||
.multipleColumn .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
||||
cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
|
||||
.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat; }
|
||||
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
|
||||
.multipleColumn .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; }
|
||||
.multipleColumn .hd ul li.on{ background-position:0 0; }
|
||||
|
||||
.multipleColumn .bd{ padding:10px; overflow:hidden; }
|
||||
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:284px; float:left; _display:inline; }
|
||||
.multipleColumn .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.multipleColumn .bd ul li .pic{ text-align:center; }
|
||||
.multipleColumn .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999; }
|
||||
.multipleColumn .bd ul li .title{ line-height:24px; }
|
||||
|
||||
</style>
|
||||
|
||||
<div class="multipleColumn" style="margin:0 auto">
|
||||
<div class="hd">
|
||||
<a class="next"></a>
|
||||
<ul></ul>
|
||||
<a class="prev"></a>
|
||||
<span class="pageState"></span>
|
||||
</div>
|
||||
<div class="bd">
|
||||
|
||||
<div class="ulWrap">
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/pic1.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/pic2.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/pic3.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图3</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul><!-- 把每次滚动的n个li放到1个ul里面 -->
|
||||
<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/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/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/pic4.jpg" /></a></div>
|
||||
<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div><!-- ulWrap End -->
|
||||
</div><!-- bd End -->
|
||||
</div><!-- multipleColumn End -->
|
||||
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
多行/多列的滚动解决思路在于:把每次滚动的n个li放到1个ul里面,然后用SuperSlide每次滚动1个ul,相当于每次滚动n个li
|
||||
*/
|
||||
jQuery(".multipleColumn").slide({titCell:".hd ul",mainCell:".bd .ulWrap",autoPage:true,effect:"leftLoop",autoPlay:true,vis:3});
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>多行/多列的滚动解决思路在于:把每次滚动的n个li放到1个ul里面,然后用SuperSlide每次滚动1个ul,相当于每次滚动n个li</p>
|
||||
<textarea>本例js调用:jQuery(".multipleColumn").slide({titCell:".hd ul",mainCell:".bd .ulWrap",autoPage:true,effect:"leftLoop",autoPlay:true,vis:3});</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.5 KiB |
@@ -1,81 +0,0 @@
|
||||
<!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 */
|
||||
.sideMen{ width:400px; border:1px solid #ddd; }
|
||||
.sideMen h3{ height:32px; line-height:32px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4;
|
||||
font:normal 14px/32px "Microsoft YaHei";
|
||||
}
|
||||
.sideMen h3 em{ float:right; display:block; width:40px; height:32px; background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
|
||||
.sideMen h3 em.on{ background-position:16px -57px; }
|
||||
.sideMen ul{ padding:8px 25px; color:#999; }
|
||||
|
||||
</style>
|
||||
|
||||
<div class="sideMen" style="margin:0 auto">
|
||||
<h3><em></em>书签切换系列</h3>
|
||||
<ul>
|
||||
<li>淘宝首页右侧公告</li>
|
||||
<li>京东首页产品切换</li>
|
||||
<li>苏宁易购首页品牌切换</li>
|
||||
<li>1号店双重切换</li>
|
||||
<li>腾讯健康频道切换</li>
|
||||
</ul>
|
||||
<h3><em></em>幻灯片/焦点图系列</h3>
|
||||
<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><!-- sideMen End -->
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".sideMen").slide({titCell:"h3 em",targetCell:"ul",trigger:"click"});
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>本例js调用:</p>
|
||||
<textarea>jQuery(".sideMen").slide({titCell:"h3 em",targetCell:"ul",trigger:"click"});</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.9 KiB |
@@ -1,166 +0,0 @@
|
||||
<!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,SuperSlide组合应用基础示例">
|
||||
<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果">
|
||||
<title>SuperSlide - 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; }
|
||||
.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:100px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
|
||||
|
||||
/* 本例子css */
|
||||
.slideGroup{ width:510px; border:1px solid #ddd; text-align:left; }
|
||||
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer; }
|
||||
.slideGroup .parHd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative; }
|
||||
|
||||
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
|
||||
.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4; }
|
||||
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; }
|
||||
|
||||
.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
|
||||
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.slideGroup .parBd ul li .pic{ text-align:center; }
|
||||
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999; }
|
||||
.slideGroup .parBd ul li .title{ line-height:24px; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div class="slideGroup" style="margin:0 auto">
|
||||
<div class="parHd">
|
||||
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
|
||||
</div>
|
||||
<div class="parBd">
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.1</a></div>
|
||||
</li>
|
||||
<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.2</a></div>
|
||||
</li>
|
||||
<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.3</a></div>
|
||||
</li>
|
||||
<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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.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.2</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.3</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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.1</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.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.3</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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
</div><!-- parBd End -->
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
SuperSlide组合注意:
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用
|
||||
*/
|
||||
|
||||
/* 内层图片滚动切换 */
|
||||
jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
|
||||
|
||||
/* 外层tab切换 */
|
||||
jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
|
||||
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>SuperSlide组合注意:</br>
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;</br>
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用</p>
|
||||
<textarea>本例js调用:
|
||||
/* 内层图片滚动切换 */
|
||||
jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftLoop"});
|
||||
|
||||
/* 外层tab切换 */
|
||||
jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
|
||||
</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.3 KiB |
@@ -1,178 +0,0 @@
|
||||
<!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-同一页面使用多个效果">
|
||||
<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>
|
||||
|
||||
<style type="text/css">
|
||||
/* css 重置 */
|
||||
*{margin:0; padding:0; list-style:none; }
|
||||
body{ background:#fff; font:normal 12px/22px 宋体; padding:20px; }
|
||||
img{ border:0; }
|
||||
a{ text-decoration:none; color:#333; }
|
||||
a:hover{ color:#1974A1; }
|
||||
.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:100px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
|
||||
|
||||
h1{ font:normal 20px/200% "Microsoft YaHei"; _font-weight:bold; padding-bottom:10px; }
|
||||
h2{ font:normal 14px/200% "Microsoft YaHei"; _font-weight:bold; padding-bottom:10px; color:#c00; }
|
||||
|
||||
/* 本例子css */
|
||||
|
||||
/* 焦点图效果 */
|
||||
.picBtnTop{ width:500px; height:214px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; }
|
||||
.picBtnTop .hd{ width:98px; height:214px; position:absolute; right:5px; overflow:hidden; }
|
||||
.picBtnTop .hd ul li{ width:93px; text-align:center; padding:0 0 5px 5px; }
|
||||
.picBtnTop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
|
||||
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
|
||||
.picBtnTop .hd ul li.on img{ border-color:#f60; }
|
||||
.picBtnTop .bd{ width:400px; height:214px; position:relative; }
|
||||
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
|
||||
.picBtnTop .bd li .pic{ position:relative; z-index:0; }
|
||||
.picBtnTop .bd li .pic img{ width:400px; height:214px; vertical-align:bottom; }
|
||||
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; }
|
||||
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0; position:absolute; z-index:2; }
|
||||
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px; }
|
||||
#demo1,#demo2{ margin-bottom:20px; }
|
||||
|
||||
/* tab选项切换效果 */
|
||||
.slideTxtBox{ width:510px; border:1px solid #ddd; text-align:left; }
|
||||
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding: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; }
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<h1>下面3个示例演示了如何在同一个页面使用多个SuperSlide效果</h1>
|
||||
|
||||
|
||||
<h2>下面2个示例,演示如何在同一页面使用多个相同效果</h2>
|
||||
|
||||
<!-- 同一效果多次调用,你只需要各自指定一个不重复的ID,然后根据需要设置参数即可 -->
|
||||
<!-- 不同id=demo1 相同class="picBtnTop" -->
|
||||
<div id="demo1" class="picBtnTop">
|
||||
<div class="hd">
|
||||
<ul>
|
||||
<li><img src="images/pic1.jpg" /></li>
|
||||
<li><img src="images/pic2.jpg" /></li>
|
||||
<li><img src="images/pic3.jpg" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic1.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图1</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic2.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图2</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic3.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图3</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
//唯一不同:jQuery("#demo1")
|
||||
jQuery("#demo1").slide({ mainCell:".bd ul",effect:"top",autoPlay:true,triggerTime:0 });</script>
|
||||
|
||||
|
||||
<!-- 不同id=demo2 相同class="picBtnTop" -->
|
||||
<div id="demo2" class="picBtnTop">
|
||||
<div class="hd">
|
||||
<ul>
|
||||
<li><img src="images/pic1.jpg" /></li>
|
||||
<li><img src="images/pic2.jpg" /></li>
|
||||
<li><img src="images/pic3.jpg" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic1.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图1</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic2.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图2</a></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="bg"></div>
|
||||
<div class="pic"><a href=""><img src="images/pic3.jpg" /></a></div>
|
||||
<div class="title"><a href="">效果图3</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
//唯一不同:jQuery("#demo2")
|
||||
jQuery("#demo2").slide({ mainCell:".bd ul",effect:"top",autoPlay:true,triggerTime:0 });</script>
|
||||
|
||||
|
||||
<h2>下面1个示例,演示如何在同一页面使用其它效果</h2>
|
||||
<div class="slideTxtBox">
|
||||
<div class="hd">
|
||||
<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">名师教作文:3妙招巧写高分</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>
|
||||
|
Before Width: | Height: | Size: 7.5 KiB |
@@ -1,196 +0,0 @@
|
||||
<!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,双重Tab(slide组合)">
|
||||
<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果">
|
||||
<title>SuperSlide - 双重Tab(slide组合)</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; }
|
||||
.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:100px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
|
||||
|
||||
/* 本例子css */
|
||||
.outBox{ width:450px; border:1px solid #ddd; text-align:left; }
|
||||
.outBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.outBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.outBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; }
|
||||
.outBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
|
||||
.inBox{ padding:15px 15px 0 15px; }
|
||||
.inBox .inHd{ height:24px; line-height:24px; border-bottom:1px solid #ccc; padding:0 10px; }
|
||||
.inBox .inHd ul{ overflow:hidden; zoom:1; }
|
||||
.inBox .inHd ul li{ height:24px; width:60px; text-align:center; float:left; cursor:pointer; }
|
||||
.inBox .inHd ul li.on{ background:#ccc; color:#fff; }
|
||||
.inBox .inBd ul{ padding:15px; zoom:1; overflow:hidden; }
|
||||
.inBox .inBd li{ height:24px; line-height:24px; overflow:hidden; zoom:1; }
|
||||
.inBox .inBd li .date{ float:right; color:#999; }
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div class="outBox" style="margin:0 auto">
|
||||
<div class="hd">
|
||||
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
|
||||
<!-- inBox S -->
|
||||
<div class="inBox">
|
||||
<div class="inHd">
|
||||
<ul><li>栏目一</li><li>栏目二</li><li>栏目三</li></ul>
|
||||
</div>
|
||||
<div class="inBd">
|
||||
<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">名师教作文:3妙招巧写高分</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>
|
||||
|
||||
<!-- inBox S -->
|
||||
<div class="inBox">
|
||||
<div class="inHd">
|
||||
<ul><li>栏目三</li><li>栏目四</li><li>栏目五</li></ul>
|
||||
</div>
|
||||
<div class="inBd">
|
||||
<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">名师教作文:3妙招巧写高分</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>
|
||||
|
||||
<!-- inBox S -->
|
||||
<div class="inBox">
|
||||
<div class="inHd">
|
||||
<ul><li>栏目六</li><li>栏目七</li><li>栏目八</li></ul>
|
||||
</div>
|
||||
<div class="inBd">
|
||||
<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">名师教作文:3妙招巧写高分</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>
|
||||
|
||||
|
||||
</div><!-- bd E -->
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
SuperSlide组合注意:
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用
|
||||
*/
|
||||
|
||||
/* 内层inBox渐显切换,注意titCell、mainCell等不能与外层相同 */
|
||||
jQuery(".inBox").slide({ titCell:".inHd li",mainCell:".inBd" });
|
||||
/* 外层outBox左滚动切换 */
|
||||
jQuery(".outBox").slide({ effect:"left" });
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>SuperSlide组合注意:</br>
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;</br>
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用</p>
|
||||
<textarea>
|
||||
/* 内层inBox渐显切换,注意titCell、mainCell等不能与外层相同 */
|
||||
jQuery(".inBox").slide({ titCell:".inHd li",mainCell:".inBd" });
|
||||
/* 外层outBox左滚动切换 */
|
||||
jQuery(".outBox").slide({ effect:"left" });
|
||||
</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.0 KiB |
@@ -1,166 +0,0 @@
|
||||
<!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,Tab+无缝滚动(slide组合)">
|
||||
<meta name="Description" content="SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”、“Tab标签切换”、“图片滚动”、“无缝滚动”等等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果">
|
||||
<title>SuperSlide - Tab+无缝滚动(slide组合)</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; }
|
||||
.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:100px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
|
||||
|
||||
/* 本例子css */
|
||||
.slideGroup{ width:510px; border:1px solid #ddd; text-align:left; }
|
||||
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
|
||||
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
||||
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer; }
|
||||
.slideGroup .parHd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
||||
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative; }
|
||||
|
||||
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
|
||||
.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4; }
|
||||
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; }
|
||||
|
||||
.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
|
||||
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
||||
.slideGroup .parBd ul li .pic{ text-align:center; }
|
||||
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
|
||||
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999; }
|
||||
.slideGroup .parBd ul li .title{ line-height:24px; }
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div class="slideGroup" style="margin:0 auto">
|
||||
<div class="parHd">
|
||||
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
|
||||
</div>
|
||||
<div class="parBd">
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.1</a></div>
|
||||
</li>
|
||||
<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.2</a></div>
|
||||
</li>
|
||||
<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.3</a></div>
|
||||
</li>
|
||||
<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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.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.2</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.3</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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
<div class="slideBox">
|
||||
<a class="sPrev" href="javascript:void(0)"></a>
|
||||
<ul>
|
||||
<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.1</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.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.3</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.4</a></div>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="sNext" href="javascript:void(0)"></a>
|
||||
</div><!-- slideBox End -->
|
||||
|
||||
</div><!-- parBd End -->
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
SuperSlide组合注意:
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用
|
||||
*/
|
||||
|
||||
/* 内层图片无缝滚动 */
|
||||
jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftMarquee",interTime:50,autoPlay:true,trigger:"click"});
|
||||
|
||||
/* 外层tab切换 */
|
||||
jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
|
||||
|
||||
</script>
|
||||
|
||||
<div class="js">
|
||||
<p>SuperSlide组合注意:</br>
|
||||
1、内外层mainCell、targetCell、prevCell、nextCell等对象不能相同,除非特殊应用;</br>
|
||||
2、注意书写顺序,通常先写内层js调用,再写外层js调用</p>
|
||||
<textarea>本例js调用:
|
||||
/* 内层图片无缝滚动 */
|
||||
jQuery(".slideGroup .slideBox").slide({ mainCell:"ul",vis:3,prevCell:".sPrev",nextCell:".sNext",effect:"leftMarquee",interTime:50,autoPlay:true,trigger:"click"});
|
||||
|
||||
/* 外层tab切换 */
|
||||
jQuery(".slideGroup").slide({titCell:".parHd li",mainCell:".parBd"});
|
||||
</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 9.0 KiB |
@@ -1,79 +0,0 @@
|
||||
<!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,图片导航焦点图">
|
||||
<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; }
|
||||
.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:100px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
|
||||
|
||||
/* 本例子css */
|
||||
.picFocus{ margin:0 auto; width:467px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; }
|
||||
.picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; }
|
||||
.picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; }
|
||||
.picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; }
|
||||
.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px; }
|
||||
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
|
||||
.picFocus .hd ul li.on img{ border-color:#f60; }
|
||||
.picFocus .bd li{ vertical-align:middle; }
|
||||
.picFocus .bd img{ width:467px; height:230px; display:block; }
|
||||
|
||||
</style>
|
||||
|
||||
<div class="picFocus">
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><a target="_blank" href="www.SuperSlide2.com"><img src="images/pic1.jpg" /></a></li>
|
||||
<li><a target="_blank" href="www.SuperSlide2.com"><img src="images/pic2.jpg" /></a></li>
|
||||
<li><a target="_blank" href="www.SuperSlide2.com"><img src="images/pic3.jpg" /></a></li>
|
||||
<li><a target="_blank" href="www.SuperSlide2.com"><img src="images/pic4.jpg" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="hd">
|
||||
<ul>
|
||||
<li><img src="images/pic1.jpg" /></li>
|
||||
<li><img src="images/pic2.jpg" /></li>
|
||||
<li><img src="images/pic3.jpg" /></li>
|
||||
<li><img src="images/pic4.jpg" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">jQuery(".picFocus").slide({ mainCell:".bd ul",effect:"left",autoPlay:true });</script>
|
||||
|
||||
|
||||
|
||||
<div class="js">
|
||||
<p>js调用:</p>
|
||||
<textarea>jQuery(".picFocus").slide({ mainCell:".bd ul",effect:"left",autoPlay:true });</textarea>
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB |
@@ -1,98 +0,0 @@
|
||||
<!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">名师教作文:3妙招巧写高分</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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".slideTxtBox").slide( { effect:ary[1],autoPlay:ary[2],trigger:ary[3],easing:ary[4],delayTime:ary[5],pnLoop:ary[6] });
|
||||
</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>
|
||||
|
||||
@@ -1,72 +0,0 @@
|
||||
<!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{ 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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".txtMarquee-top").slide( { mainCell:".bd ul",autoPlay:true,effect:ary[1],vis:ary[2],interTime:ary[3],opp:ary[4],pnLoop:ary[5],trigger:ary[6],mouseOverStop:ary[7] });
|
||||
</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>
|
||||
|
||||
@@ -1,106 +0,0 @@
|
||||
<!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">
|
||||
<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">
|
||||
var ary = location.href.split("&");
|
||||
jQuery("#nav").slide({ type:"menu", titCell:".nLi", targetCell:".sub",effect:ary[1], delayTime:ary[2] , triggerTime:ary[3], defaultPlay:ary[4],returnDefault:ary[5],easing:ary[6] });
|
||||
</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>
|
||||
|
||||
@@ -1,77 +0,0 @@
|
||||
<!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><em></em>幻灯片/焦点图系列</h3>
|
||||
<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">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".sideMenu").slide({ titCell:"h3", targetCell:"ul", effect:ary[1], delayTime:ary[2] , trigger:ary[3], triggerTime:ary[4], defaultPlay:ary[5], returnDefault:ary[6],easing:ary[7] });
|
||||
</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>
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
<!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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".slideBox").slide( { mainCell:".bd ul", effect:ary[1],autoPlay:ary[2],trigger:ary[3],easing:ary[4],delayTime:ary[5],mouseOverStop:ary[6],pnLoop:ary[7] });
|
||||
</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>
|
||||
|
||||
@@ -1,94 +0,0 @@
|
||||
<!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{ 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") 0 0 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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".picScroll-left").slide( { titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:ary[1],autoPlay:ary[2],scroll:ary[3],vis:ary[4],easing:ary[5],delayTime:ary[6],pnLoop:ary[7],trigger:ary[8],mouseOverStop:ary[9] });
|
||||
</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>
|
||||
|
||||
@@ -1,94 +0,0 @@
|
||||
<!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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".picScroll-top").slide( { titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:ary[1],autoPlay:ary[2],scroll:ary[3],vis:ary[4],easing:ary[5],delayTime:ary[6],pnLoop:ary[7],trigger:ary[8],mouseOverStop:ary[9] });
|
||||
</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>
|
||||
|
||||
@@ -1,90 +0,0 @@
|
||||
<!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{ 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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".picMarquee-left").slide( { mainCell:".bd ul",autoPlay:true,effect:ary[1],vis:ary[2],interTime:ary[3],opp:ary[4],pnLoop:ary[5],trigger:ary[6],mouseOverStop:ary[7] });
|
||||
</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>
|
||||
|
||||
@@ -1,89 +0,0 @@
|
||||
<!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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".picMarquee-top").slide( { mainCell:".bd ul",autoPlay:true,effect:ary[1],vis:ary[2],interTime:ary[3],opp:ary[4] ,pnLoop:ary[5],trigger:ary[6],mouseOverStop:ary[7] });
|
||||
</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>
|
||||
|
||||
@@ -1,72 +0,0 @@
|
||||
<!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{ 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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".txtScroll-left").slide( { titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:ary[1],autoPlay:ary[2],scroll:ary[3],vis:ary[4],easing:ary[5],delayTime:ary[6],pnLoop:ary[7],trigger:ary[8],mouseOverStop:ary[9] });
|
||||
</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>
|
||||
|
||||
@@ -1,77 +0,0 @@
|
||||
<!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{ 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/arrow.png") 0 -100px no-repeat;}
|
||||
.txtScroll-top .hd .next{ background-position:0 -140px; }
|
||||
.txtScroll-top .hd .prevStop{ background-position:-60px -100px; }
|
||||
.txtScroll-top .hd .nextStop{ background-position:-60px -140px; }
|
||||
.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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".txtScroll-top").slide( { titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:ary[1],autoPlay:ary[2],scroll:ary[3],vis:ary[4],easing:ary[5],delayTime:ary[6],pnLoop:ary[7],trigger:ary[8],mouseOverStop:ary[9] });
|
||||
</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>
|
||||
|
||||
@@ -1,71 +0,0 @@
|
||||
<!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-left{ position:relative; border:1px solid #ccc; }
|
||||
.txtMarquee-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
||||
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
|
||||
.txtMarquee-left .hd .next{ background-position:0 -50px; }
|
||||
.txtMarquee-left .hd .prevStop{ background-position:-60px 0; }
|
||||
.txtMarquee-left .hd .nextStop{ background-position:-60px -50px; }
|
||||
.txtMarquee-left .bd{ padding:10px; }
|
||||
.txtMarquee-left .bd .tempWrap{ width:425px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度,这样就可以手动控制可视宽度。 */
|
||||
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
|
||||
.txtMarquee-left .bd ul li{ margin-right:20px; float:left; height:24px; line-height:24px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度,解决文字不衔接问题 */
|
||||
|
||||
|
||||
.txtMarquee-left .bd ul li span{ color:#999; }
|
||||
</style>
|
||||
|
||||
<div class="txtMarquee-left">
|
||||
<div class="hd">
|
||||
<a class="next"></a>
|
||||
<a class="prev"></a>
|
||||
</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 id="jsID" type="text/javascript">
|
||||
var ary = location.href.split("&");
|
||||
jQuery(".txtMarquee-left").slide( { mainCell:".bd ul",autoPlay:true,effect:ary[1],vis:ary[2],interTime:ary[3],opp:ary[4],pnLoop:ary[5],trigger:ary[6],mouseOverStop:ary[7] });
|
||||
</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>
|
||||
|
||||
|
Before Width: | Height: | Size: 325 B |
|
Before Width: | Height: | Size: 137 B |
|
Before Width: | Height: | Size: 176 B |
|
Before Width: | Height: | Size: 198 B |
|
Before Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 53 B |
|
Before Width: | Height: | Size: 53 B |
|
Before Width: | Height: | Size: 52 B |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 325 B |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 488 B |
|
Before Width: | Height: | Size: 137 B |
|
Before Width: | Height: | Size: 396 B |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 176 B |
|
Before Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 53 B |
|
Before Width: | Height: | Size: 53 B |
|
Before Width: | Height: | Size: 52 B |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 953 B |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 398 B |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 21 KiB |
@@ -1,453 +0,0 @@
|
||||
/*!
|
||||
* SuperSlide v2.1
|
||||
* 轻松解决网站大部分特效展示问题
|
||||
* 详尽信息请看官网:http://www.SuperSlide2.com/
|
||||
*
|
||||
* Copyright 2011-2013, 大话主席
|
||||
*
|
||||
* 请尊重原创,保留头部版权
|
||||
* 在保留版权的前提下可应用于个人或商业用途
|
||||
|
||||
*/
|
||||
|
||||
(function($){
|
||||
$.fn.slide=function(options){
|
||||
$.fn.slide.defaults={
|
||||
type:"slide",
|
||||
effect:"fade",
|
||||
autoPlay:false,
|
||||
delayTime:500,
|
||||
interTime:2500,
|
||||
triggerTime:150,
|
||||
defaultIndex:0,
|
||||
titCell:".hd li",
|
||||
mainCell:".bd",
|
||||
targetCell:null,
|
||||
trigger:"mouseover",
|
||||
scroll:1,
|
||||
vis:1,
|
||||
titOnClassName:"on",
|
||||
autoPage:false,
|
||||
prevCell:".prev",
|
||||
nextCell:".next",
|
||||
pageStateCell:".pageState",
|
||||
opp: false,
|
||||
pnLoop:true,
|
||||
easing:"swing",
|
||||
startFun:null,
|
||||
endFun:null,
|
||||
switchLoad:null,
|
||||
|
||||
playStateCell:".playState",
|
||||
mouseOverStop:true,
|
||||
defaultPlay:true,
|
||||
returnDefault:false
|
||||
};
|
||||
|
||||
return this.each(function() {
|
||||
|
||||
var opts = $.extend({},$.fn.slide.defaults,options);
|
||||
var slider = $(this);
|
||||
var effect = opts.effect;
|
||||
var prevBtn = $(opts.prevCell, slider);
|
||||
var nextBtn = $(opts.nextCell, slider);
|
||||
var pageState = $(opts.pageStateCell, slider);
|
||||
var playState = $(opts.playStateCell, slider);
|
||||
|
||||
var navObj = $(opts.titCell, slider);//导航子元素结合
|
||||
var navObjSize = navObj.size();
|
||||
var conBox = $(opts.mainCell , slider);//内容元素父层对象
|
||||
var conBoxSize=conBox.children().size();
|
||||
var sLoad=opts.switchLoad;
|
||||
var tarObj = $(opts.targetCell, slider);
|
||||
|
||||
/*字符串转换*/
|
||||
var index=parseInt(opts.defaultIndex);
|
||||
var delayTime=parseInt(opts.delayTime);
|
||||
var interTime=parseInt(opts.interTime);
|
||||
var triggerTime=parseInt(opts.triggerTime);
|
||||
var scroll=parseInt(opts.scroll);
|
||||
var vis=parseInt(opts.vis);
|
||||
var autoPlay = (opts.autoPlay=="false"||opts.autoPlay==false)?false:true;
|
||||
var opp = (opts.opp=="false"||opts.opp==false)?false:true;
|
||||
var autoPage = (opts.autoPage=="false"||opts.autoPage==false)?false:true;
|
||||
var pnLoop = (opts.pnLoop=="false"||opts.pnLoop==false)?false:true;
|
||||
var mouseOverStop = (opts.mouseOverStop=="false"||opts.mouseOverStop==false)?false:true;
|
||||
var defaultPlay = (opts.defaultPlay=="false"||opts.defaultPlay==false)?false:true;
|
||||
var returnDefault = (opts.returnDefault=="false"||opts.returnDefault==false)?false:true;
|
||||
|
||||
var slideH=0;
|
||||
var slideW=0;
|
||||
var selfW=0;
|
||||
var selfH=0;
|
||||
var easing=opts.easing;
|
||||
var inter=null;//autoPlay-setInterval
|
||||
var mst =null;//trigger-setTimeout
|
||||
var rtnST=null;//returnDefault-setTimeout
|
||||
var titOn = opts.titOnClassName;
|
||||
|
||||
var onIndex = navObj.index( slider.find( "."+titOn) );
|
||||
var oldIndex = index = defaultIndex = onIndex==-1?index:onIndex;
|
||||
|
||||
|
||||
var _ind = index;
|
||||
var cloneNum = conBoxSize>=vis?( conBoxSize%scroll!=0?conBoxSize%scroll:scroll):0;
|
||||
var _tar;
|
||||
var isMarq = effect=="leftMarquee" || effect=="topMarquee"?true:false;
|
||||
|
||||
var doStartFun=function(){ if ( $.isFunction( opts.startFun) ){ opts.startFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
|
||||
var doEndFun=function(){ if ( $.isFunction( opts.endFun ) ){ opts.endFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
|
||||
var resetOn=function(){ navObj.removeClass(titOn); if( defaultPlay ) navObj.eq(defaultIndex).addClass(titOn) }
|
||||
|
||||
|
||||
|
||||
//单独处理菜单效果
|
||||
if( opts.type=="menu" ){
|
||||
|
||||
if( defaultPlay ){ navObj.removeClass(titOn).eq(index).addClass(titOn); }
|
||||
navObj.hover(
|
||||
function(){
|
||||
_tar=$(this).find( opts.targetCell );
|
||||
var hoverInd =navObj.index($(this));
|
||||
|
||||
mst = setTimeout(function(){
|
||||
index=hoverInd;
|
||||
navObj.removeClass(titOn).eq (index).addClass(titOn);
|
||||
doStartFun();
|
||||
switch (effect)
|
||||
{
|
||||
case "fade":_tar.stop(true,true).animate({opacity:"show"}, delayTime,easing,doEndFun ); break;
|
||||
case "slideDown":_tar.stop(true,true).animate({height:"show"}, delayTime,easing,doEndFun ); break;
|
||||
}
|
||||
} ,opts.triggerTime);
|
||||
|
||||
},function(){
|
||||
clearTimeout(mst);
|
||||
switch (effect){ case "fade":_tar.animate( {opacity:"hide"},delayTime,easing ); break; case "slideDown":_tar.animate( {height:"hide"},delayTime,easing ); break; }
|
||||
}
|
||||
);
|
||||
|
||||
if (returnDefault){
|
||||
slider.hover(function(){clearTimeout(rtnST);},function(){ rtnST = setTimeout( resetOn,delayTime ); });
|
||||
}
|
||||
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
//处理分页
|
||||
if( navObjSize==0 )navObjSize=conBoxSize;//只有左右按钮
|
||||
if( isMarq ) navObjSize=2;
|
||||
if( autoPage ){
|
||||
if(conBoxSize>=vis){
|
||||
if( effect=="leftLoop" || effect=="topLoop" ){ navObjSize=conBoxSize%scroll!=0?(conBoxSize/scroll^0)+1:conBoxSize/scroll; }
|
||||
else{
|
||||
var tempS = conBoxSize-vis;
|
||||
navObjSize=1+parseInt(tempS%scroll!=0?(tempS/scroll+1):(tempS/scroll));
|
||||
if(navObjSize<=0)navObjSize=1;
|
||||
}
|
||||
}
|
||||
else{ navObjSize=1 }
|
||||
|
||||
navObj.html("");
|
||||
var str="";
|
||||
|
||||
if( opts.autoPage==true || opts.autoPage=="true" ){ for( var i=0; i<navObjSize; i++ ){ str+="<li>"+(i+1)+"</li>" } }
|
||||
else{ for( var i=0; i<navObjSize; i++ ){ str+=opts.autoPage.replace("$",(i+1)) } }
|
||||
navObj.html(str);
|
||||
|
||||
var navObj = navObj.children();//重置导航子元素对象
|
||||
}
|
||||
|
||||
|
||||
if(conBoxSize>=vis){ //当内容个数少于可视个数,不执行效果。
|
||||
conBox.children().each(function(){ //取最大值
|
||||
if( $(this).width()>selfW ){ selfW=$(this).width(); slideW=$(this).outerWidth(true); }
|
||||
if( $(this).height()>selfH ){ selfH=$(this).height(); slideH=$(this).outerHeight(true); }
|
||||
});
|
||||
|
||||
var _chr = conBox.children();
|
||||
var cloneEle = function(){
|
||||
for( var i=0; i<vis ; i++ ){ _chr.eq(i).clone().addClass("clone").appendTo(conBox); }
|
||||
for( var i=0; i<cloneNum ; i++ ){ _chr.eq(conBoxSize-i-1).clone().addClass("clone").prependTo(conBox); }
|
||||
}
|
||||
|
||||
switch(effect)
|
||||
{
|
||||
case "fold": conBox.css({"position":"relative","width":slideW,"height":slideH}).children().css( {"position":"absolute","width":selfW,"left":0,"top":0,"display":"none"} ); break;
|
||||
case "top": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "top":-(index*scroll)*slideH, "position":"relative","padding":"0","margin":"0"}).children().css( {"height":selfH} ); break;
|
||||
case "left": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":conBoxSize*slideW,"left":-(index*scroll)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0"}).children().css( {"float":"left","width":selfW} ); break;
|
||||
case "leftLoop":
|
||||
case "leftMarquee":
|
||||
cloneEle();
|
||||
conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":(conBoxSize+vis+cloneNum)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0","left":-(cloneNum+index*scroll)*slideW}).children().css( {"float":"left","width":selfW} ); break;
|
||||
case "topLoop":
|
||||
case "topMarquee":
|
||||
cloneEle();
|
||||
conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "height":(conBoxSize+vis+cloneNum)*slideH,"position":"relative","padding":"0","margin":"0","top":-(cloneNum+index*scroll)*slideH}).children().css( {"height":selfH} ); break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//针对leftLoop、topLoop的滚动个数
|
||||
var scrollNum=function(ind){
|
||||
var _tempCs= ind*scroll;
|
||||
if( ind==navObjSize ){ _tempCs=conBoxSize; }else if( ind==-1 && conBoxSize%scroll!=0){ _tempCs=-conBoxSize%scroll; }
|
||||
return _tempCs;
|
||||
}
|
||||
|
||||
//切换加载
|
||||
var doSwitchLoad=function(objs){
|
||||
|
||||
var changeImg=function(t){
|
||||
for ( var i= t; i<( vis+ t); i++ ){
|
||||
objs.eq(i).find("img["+sLoad+"]").each(function(){
|
||||
var _this = $(this);
|
||||
_this.attr("src",_this.attr(sLoad)).removeAttr(sLoad);
|
||||
if( conBox.find(".clone")[0] ){ //如果存在.clone
|
||||
var chir = conBox.children();
|
||||
for ( var j=0 ; j< chir.size() ; j++ )
|
||||
{
|
||||
chir.eq(j).find("img["+sLoad+"]").each(function(){
|
||||
if( $(this).attr(sLoad)==_this.attr("src") ) $(this).attr("src",$(this).attr(sLoad)).removeAttr(sLoad)
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
switch(effect)
|
||||
{
|
||||
case "fade": case "fold": case "top": case "left": case "slideDown":
|
||||
changeImg( index*scroll );
|
||||
break;
|
||||
case "leftLoop": case "topLoop":
|
||||
changeImg( cloneNum+scrollNum(_ind) );
|
||||
break;
|
||||
case "leftMarquee":case "topMarquee":
|
||||
var curS = effect=="leftMarquee"? conBox.css("left").replace("px",""):conBox.css("top").replace("px","");
|
||||
var slideT = effect=="leftMarquee"? slideW:slideH;
|
||||
var mNum=cloneNum;
|
||||
if( curS%slideT!=0 ){
|
||||
var curP = Math.abs(curS/slideT^0);
|
||||
if( index==1 ){ mNum=cloneNum+curP }else{ mNum=cloneNum+curP-1 }
|
||||
}
|
||||
changeImg( mNum );
|
||||
break;
|
||||
}
|
||||
}//doSwitchLoad end
|
||||
|
||||
|
||||
//效果函数
|
||||
var doPlay=function(init){
|
||||
// 当前页状态不触发效果
|
||||
if( defaultPlay && oldIndex==index && !init && !isMarq ) return;
|
||||
|
||||
//处理页码
|
||||
if( isMarq ){ if ( index>= 1) { index=1; } else if( index<=0) { index = 0; } }
|
||||
else{
|
||||
_ind=index; if ( index >= navObjSize) { index = 0; } else if( index < 0) { index = navObjSize-1; }
|
||||
}
|
||||
|
||||
doStartFun();
|
||||
|
||||
//处理切换加载
|
||||
if( sLoad!=null ){ doSwitchLoad( conBox.children() ) }
|
||||
|
||||
//处理targetCell
|
||||
if(tarObj[0]){
|
||||
_tar = tarObj.eq(index);
|
||||
if( sLoad!=null ){ doSwitchLoad( tarObj ) }
|
||||
if( effect=="slideDown" ){
|
||||
tarObj.not(_tar).stop(true,true).slideUp(delayTime);
|
||||
_tar.slideDown( delayTime,easing,function(){ if(!conBox[0]) doEndFun() });
|
||||
}
|
||||
else{
|
||||
tarObj.not(_tar).stop(true,true).hide();
|
||||
_tar.animate({opacity:"show"},delayTime,function(){ if(!conBox[0]) doEndFun() });
|
||||
}
|
||||
}
|
||||
|
||||
if(conBoxSize>=vis){ //当内容个数少于可视个数,不执行效果。
|
||||
switch (effect)
|
||||
{
|
||||
case "fade":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().hide(); break;
|
||||
case "fold":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().animate({opacity:"hide"},delayTime,easing);break;
|
||||
case "top":conBox.stop(true,false).animate({"top":-index*scroll*slideH},delayTime,easing,function(){doEndFun()});break;
|
||||
case "left":conBox.stop(true,false).animate({"left":-index*scroll*slideW},delayTime,easing,function(){doEndFun()});break;
|
||||
case "leftLoop":
|
||||
var __ind = _ind;
|
||||
conBox.stop(true,true).animate({"left":-(scrollNum(_ind)+cloneNum)*slideW},delayTime,easing,function(){
|
||||
if( __ind<=-1 ){ conBox.css("left",-(cloneNum+(navObjSize-1)*scroll)*slideW); }else if( __ind>=navObjSize ){ conBox.css("left",-cloneNum*slideW); }
|
||||
doEndFun();
|
||||
});
|
||||
break;//leftLoop end
|
||||
|
||||
case "topLoop":
|
||||
var __ind = _ind;
|
||||
conBox.stop(true,true).animate({"top":-(scrollNum(_ind)+cloneNum)*slideH},delayTime,easing,function(){
|
||||
if( __ind<=-1 ){ conBox.css("top",-(cloneNum+(navObjSize-1)*scroll)*slideH); }else if( __ind>=navObjSize ){ conBox.css("top",-cloneNum*slideH); }
|
||||
doEndFun();
|
||||
});
|
||||
break;//topLoop end
|
||||
|
||||
case "leftMarquee":
|
||||
var tempLeft = conBox.css("left").replace("px","");
|
||||
if(index==0 ){
|
||||
conBox.animate({"left":++tempLeft},0,function(){
|
||||
if( conBox.css("left").replace("px","")>= 0){ conBox.css("left",-conBoxSize*slideW) }
|
||||
});
|
||||
}
|
||||
else{
|
||||
conBox.animate({"left":--tempLeft},0,function(){
|
||||
if( conBox.css("left").replace("px","")<= -(conBoxSize+cloneNum)*slideW){ conBox.css("left",-cloneNum*slideW) }
|
||||
});
|
||||
}break;// leftMarquee end
|
||||
|
||||
case "topMarquee":
|
||||
var tempTop = conBox.css("top").replace("px","");
|
||||
if(index==0 ){
|
||||
conBox.animate({"top":++tempTop},0,function(){
|
||||
if( conBox.css("top").replace("px","")>= 0){ conBox.css("top",-conBoxSize*slideH) }
|
||||
});
|
||||
}
|
||||
else{
|
||||
conBox.animate({"top":--tempTop},0,function(){
|
||||
if( conBox.css("top").replace("px","")<= -(conBoxSize+cloneNum)*slideH){ conBox.css("top",-cloneNum*slideH) }
|
||||
});
|
||||
}break;// topMarquee end
|
||||
|
||||
}//switch end
|
||||
}
|
||||
|
||||
navObj.removeClass(titOn).eq(index).addClass(titOn);
|
||||
oldIndex=index;
|
||||
if( !pnLoop ){ //pnLoop控制前后按钮是否继续循环
|
||||
nextBtn.removeClass("nextStop"); prevBtn.removeClass("prevStop");
|
||||
if (index==0 ){ prevBtn.addClass("prevStop"); }
|
||||
if (index==navObjSize-1 ){ nextBtn.addClass("nextStop"); }
|
||||
}
|
||||
|
||||
pageState.html( "<span>"+(index+1)+"</span>/"+navObjSize);
|
||||
|
||||
};// doPlay end
|
||||
|
||||
//初始化执行
|
||||
if( defaultPlay ){ doPlay(true); }
|
||||
|
||||
if (returnDefault)//返回默认状态
|
||||
{
|
||||
slider.hover(function(){ clearTimeout(rtnST) },function(){
|
||||
rtnST = setTimeout( function(){
|
||||
index=defaultIndex;
|
||||
if(defaultPlay){ doPlay(); }
|
||||
else{
|
||||
if( effect=="slideDown" ){ _tar.slideUp( delayTime, resetOn ); }
|
||||
else{ _tar.animate({opacity:"hide"},delayTime,resetOn ); }
|
||||
}
|
||||
oldIndex=index;
|
||||
},300 );
|
||||
});
|
||||
}
|
||||
|
||||
///自动播放函数
|
||||
var setInter = function(time){ inter=setInterval(function(){ opp?index--:index++; doPlay() }, !!time?time:interTime); }
|
||||
var setMarInter = function(time){ inter = setInterval(doPlay, !!time?time:interTime); }
|
||||
// 处理mouseOverStop
|
||||
var resetInter = function(){ if( !mouseOverStop ){clearInterval(inter); setInter() } }
|
||||
// 前后按钮触发
|
||||
var nextTrigger = function(){ if ( pnLoop || index!=navObjSize-1 ){ index++; doPlay(); if(!isMarq)resetInter(); } }
|
||||
var prevTrigger = function(){ if ( pnLoop || index!=0 ){ index--; doPlay(); if(!isMarq)resetInter(); } }
|
||||
//处理playState
|
||||
var playStateFun = function(){ clearInterval(inter); isMarq?setMarInter():setInter(); playState.removeClass("pauseState") }
|
||||
var pauseStateFun = function(){ clearInterval(inter);playState.addClass("pauseState"); }
|
||||
|
||||
//自动播放
|
||||
if (autoPlay) {
|
||||
if( isMarq ){
|
||||
opp?index--:index++; setMarInter();
|
||||
if(mouseOverStop) conBox.hover(pauseStateFun,playStateFun);
|
||||
}else{
|
||||
setInter();
|
||||
if(mouseOverStop) slider.hover( pauseStateFun,playStateFun );
|
||||
}
|
||||
}
|
||||
else{ if( isMarq ){ opp?index--:index++; } playState.addClass("pauseState"); }
|
||||
|
||||
playState.click(function(){ playState.hasClass("pauseState")?playStateFun():pauseStateFun() });
|
||||
|
||||
//titCell事件
|
||||
if(opts.trigger=="mouseover"){
|
||||
navObj.hover(function(){ var hoverInd = navObj.index(this); mst = setTimeout(function(){ index=hoverInd; doPlay(); resetInter(); },opts.triggerTime); }, function(){ clearTimeout(mst) });
|
||||
}else{ navObj.click(function(){ index=navObj.index(this); doPlay(); resetInter(); }) }
|
||||
|
||||
//前后按钮事件
|
||||
if (isMarq){
|
||||
|
||||
nextBtn.mousedown(nextTrigger);
|
||||
prevBtn.mousedown(prevTrigger);
|
||||
//前后按钮长按10倍加速
|
||||
if (pnLoop)
|
||||
{
|
||||
var st;
|
||||
var marDown = function(){ st=setTimeout(function(){ clearInterval(inter); setMarInter( interTime/10^0 ) },150) }
|
||||
var marUp = function(){ clearTimeout(st); clearInterval(inter); setMarInter() }
|
||||
nextBtn.mousedown(marDown); nextBtn.mouseup(marUp);
|
||||
prevBtn.mousedown(marDown); prevBtn.mouseup(marUp);
|
||||
}
|
||||
//前后按钮mouseover事件
|
||||
if( opts.trigger=="mouseover" ){ nextBtn.hover(nextTrigger,function(){}); prevBtn.hover(prevTrigger,function(){}); }
|
||||
}else{
|
||||
nextBtn.click(nextTrigger);
|
||||
prevBtn.click(prevTrigger);
|
||||
}
|
||||
|
||||
});//each End
|
||||
|
||||
};//slide End
|
||||
|
||||
})(jQuery);
|
||||
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) { return jQuery.easing[jQuery.easing.def](x, t, b, c, d); },
|
||||
easeInQuad: function (x, t, b, c, d) {return c*(t/=d)*t + b;},
|
||||
easeOutQuad: function (x, t, b, c, d) {return -c *(t/=d)*(t-2) + b},
|
||||
easeInOutQuad: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t + b;return -c/2 * ((--t)*(t-2) - 1) + b},
|
||||
easeInCubic: function (x, t, b, c, d) {return c*(t/=d)*t*t + b},
|
||||
easeOutCubic: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t + 1) + b},
|
||||
easeInOutCubic: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t + b;return c/2*((t-=2)*t*t + 2) + b},
|
||||
easeInQuart: function (x, t, b, c, d) {return c*(t/=d)*t*t*t + b},
|
||||
easeOutQuart: function (x, t, b, c, d) {return -c * ((t=t/d-1)*t*t*t - 1) + b},
|
||||
easeInOutQuart: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t + b;return -c/2 * ((t-=2)*t*t*t - 2) + b},
|
||||
easeInQuint: function (x, t, b, c, d) {return c*(t/=d)*t*t*t*t + b},
|
||||
easeOutQuint: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t*t*t + 1) + b},
|
||||
easeInOutQuint: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;return c/2*((t-=2)*t*t*t*t + 2) + b},
|
||||
easeInSine: function (x, t, b, c, d) {return -c * Math.cos(t/d * (Math.PI/2)) + c + b},
|
||||
easeOutSine: function (x, t, b, c, d) {return c * Math.sin(t/d * (Math.PI/2)) + b},
|
||||
easeInOutSine: function (x, t, b, c, d) {return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b},
|
||||
easeInExpo: function (x, t, b, c, d) {return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b},
|
||||
easeOutExpo: function (x, t, b, c, d) {return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b},
|
||||
easeInOutExpo: function (x, t, b, c, d) {if (t==0) return b;if (t==d) return b+c;if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;return c/2 * (-Math.pow(2, -10 * --t) + 2) + b},
|
||||
easeInCirc: function (x, t, b, c, d) {return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b},
|
||||
easeOutCirc: function (x, t, b, c, d) {return c * Math.sqrt(1 - (t=t/d-1)*t) + b},
|
||||
easeInOutCirc: function (x, t, b, c, d) {if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b},
|
||||
easeInElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b},
|
||||
easeOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b},
|
||||
easeInOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b},
|
||||
easeInBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*(t/=d)*t*((s+1)*t - s) + b},
|
||||
easeOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b},
|
||||
easeInBounce: function (x, t, b, c, d) {return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b},
|
||||
easeOutBounce: function (x, t, b, c, d) {if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b;} else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;} else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;} else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;}},
|
||||
easeInOutBounce: function (x, t, b, c, d) {if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;}
|
||||
});
|
||||
154
src/main/webapp/static/SuperSlide/jquery1.42.min.js
vendored
@@ -1,154 +0,0 @@
|
||||
/*!
|
||||
* jQuery JavaScript Library v1.4.2
|
||||
* http://jquery.com/
|
||||
*
|
||||
* Copyright 2010, John Resig
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* Includes Sizzle.js
|
||||
* http://sizzlejs.com/
|
||||
* Copyright 2010, The Dojo Foundation
|
||||
* Released under the MIT, BSD, and GPL Licenses.
|
||||
*
|
||||
* Date: Sat Feb 13 22:33:48 2010 -0500
|
||||
*/
|
||||
(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o<i;o++)e(a[o],b,f?d.call(a[o],o,e(a[o],b)):d,j);return a}return i?
|
||||
e(a[0],b):w}function J(){return(new Date).getTime()}function Y(){return false}function Z(){return true}function na(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function oa(a){var b,d=[],f=[],e=arguments,j,i,o,k,n,r;i=c.data(this,"events");if(!(a.liveFired===this||!i||!i.live||a.button&&a.type==="click")){a.liveFired=this;var u=i.live.slice(0);for(k=0;k<u.length;k++){i=u[k];i.origType.replace(O,"")===a.type?f.push(i.selector):u.splice(k--,1)}j=c(a.target).closest(f,a.currentTarget);n=0;for(r=
|
||||
j.length;n<r;n++)for(k=0;k<u.length;k++){i=u[k];if(j[n].selector===i.selector){o=j[n].elem;f=null;if(i.preType==="mouseenter"||i.preType==="mouseleave")f=c(a.relatedTarget).closest(i.selector)[0];if(!f||f!==o)d.push({elem:o,handleObj:i})}}n=0;for(r=d.length;n<r;n++){j=d[n];a.currentTarget=j.elem;a.data=j.handleObj.data;a.handleObj=j.handleObj;if(j.handleObj.origHandler.apply(j.elem,e)===false){b=false;break}}return b}}function pa(a,b){return"live."+(a&&a!=="*"?a+".":"")+b.replace(/\./g,"`").replace(/ /g,
|
||||
"&")}function qa(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function ra(a,b){var d=0;b.each(function(){if(this.nodeName===(a[d]&&a[d].nodeName)){var f=c.data(a[d++]),e=c.data(this,f);if(f=f&&f.events){delete e.handle;e.events={};for(var j in f)for(var i in f[j])c.event.add(this,j,f[j][i],f[j][i].data)}}})}function sa(a,b,d){var f,e,j;b=b&&b[0]?b[0].ownerDocument||b[0]:s;if(a.length===1&&typeof a[0]==="string"&&a[0].length<512&&b===s&&!ta.test(a[0])&&(c.support.checkClone||!ua.test(a[0]))){e=
|
||||
true;if(j=c.fragments[a[0]])if(j!==1)f=j}if(!f){f=b.createDocumentFragment();c.clean(a,b,f,d)}if(e)c.fragments[a[0]]=j?f:1;return{fragment:f,cacheable:e}}function K(a,b){var d={};c.each(va.concat.apply([],va.slice(0,b)),function(){d[this]=a});return d}function wa(a){return"scrollTo"in a&&a.document?a:a.nodeType===9?a.defaultView||a.parentWindow:false}var c=function(a,b){return new c.fn.init(a,b)},Ra=A.jQuery,Sa=A.$,s=A.document,T,Ta=/^[^<]*(<[\w\W]+>)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
|
||||
Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
|
||||
(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
|
||||
a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
|
||||
"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
|
||||
function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;b<d;b++)if((e=arguments[b])!=null)for(j in e){i=a[j];o=e[j];if(a!==o)if(f&&o&&(c.isPlainObject(o)||c.isArray(o))){i=i&&(c.isPlainObject(i)||
|
||||
c.isArray(i))?i:c.isArray(o)?[]:{};a[j]=c.extend(f,i,o)}else if(o!==w)a[j]=o}return a};c.extend({noConflict:function(a){A.$=Sa;if(a)A.jQuery=Ra;return c},isReady:false,ready:function(){if(!c.isReady){if(!s.body)return setTimeout(c.ready,13);c.isReady=true;if(Q){for(var a,b=0;a=Q[b++];)a.call(s,c);Q=null}c.fn.triggerHandler&&c(s).triggerHandler("ready")}},bindReady:function(){if(!xa){xa=true;if(s.readyState==="complete")return c.ready();if(s.addEventListener){s.addEventListener("DOMContentLoaded",
|
||||
L,false);A.addEventListener("load",c.ready,false)}else if(s.attachEvent){s.attachEvent("onreadystatechange",L);A.attachEvent("onload",c.ready);var a=false;try{a=A.frameElement==null}catch(b){}s.documentElement.doScroll&&a&&ma()}}},isFunction:function(a){return $.call(a)==="[object Function]"},isArray:function(a){return $.call(a)==="[object Array]"},isPlainObject:function(a){if(!a||$.call(a)!=="[object Object]"||a.nodeType||a.setInterval)return false;if(a.constructor&&!aa.call(a,"constructor")&&!aa.call(a.constructor.prototype,
|
||||
"isPrototypeOf"))return false;var b;for(b in a);return b===w||aa.call(a,b)},isEmptyObject:function(a){for(var b in a)return false;return true},error:function(a){throw a;},parseJSON:function(a){if(typeof a!=="string"||!a)return null;a=c.trim(a);if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return A.JSON&&A.JSON.parse?A.JSON.parse(a):(new Function("return "+
|
||||
a))();else c.error("Invalid JSON: "+a)},noop:function(){},globalEval:function(a){if(a&&Va.test(a)){var b=s.getElementsByTagName("head")[0]||s.documentElement,d=s.createElement("script");d.type="text/javascript";if(c.support.scriptEval)d.appendChild(s.createTextNode(a));else d.text=a;b.insertBefore(d,b.firstChild);b.removeChild(d)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,b,d){var f,e=0,j=a.length,i=j===w||c.isFunction(a);if(d)if(i)for(f in a){if(b.apply(a[f],
|
||||
d)===false)break}else for(;e<j;){if(b.apply(a[e++],d)===false)break}else if(i)for(f in a){if(b.call(a[f],f,a[f])===false)break}else for(d=a[0];e<j&&b.call(d,e,d)!==false;d=a[++e]);return a},trim:function(a){return(a||"").replace(Wa,"")},makeArray:function(a,b){b=b||[];if(a!=null)a.length==null||typeof a==="string"||c.isFunction(a)||typeof a!=="function"&&a.setInterval?ba.call(b,a):c.merge(b,a);return b},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var d=0,f=b.length;d<f;d++)if(b[d]===
|
||||
a)return d;return-1},merge:function(a,b){var d=a.length,f=0;if(typeof b.length==="number")for(var e=b.length;f<e;f++)a[d++]=b[f];else for(;b[f]!==w;)a[d++]=b[f++];a.length=d;return a},grep:function(a,b,d){for(var f=[],e=0,j=a.length;e<j;e++)!d!==!b(a[e],e)&&f.push(a[e]);return f},map:function(a,b,d){for(var f=[],e,j=0,i=a.length;j<i;j++){e=b(a[j],j,d);if(e!=null)f[f.length]=e}return f.concat.apply([],f)},guid:1,proxy:function(a,b,d){if(arguments.length===2)if(typeof b==="string"){d=a;a=d[b];b=w}else if(b&&
|
||||
!c.isFunction(b)){d=b;b=w}if(!b&&a)b=function(){return a.apply(d||this,arguments)};if(a)b.guid=a.guid=a.guid||b.guid||c.guid++;return b},uaMatch:function(a){a=a.toLowerCase();a=/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||!/compatible/.test(a)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}},browser:{}});P=c.uaMatch(P);if(P.browser){c.browser[P.browser]=true;c.browser.version=P.version}if(c.browser.webkit)c.browser.safari=
|
||||
true;if(ya)c.inArray=function(a,b){return ya.call(b,a)};T=c(s);if(s.addEventListener)L=function(){s.removeEventListener("DOMContentLoaded",L,false);c.ready()};else if(s.attachEvent)L=function(){if(s.readyState==="complete"){s.detachEvent("onreadystatechange",L);c.ready()}};(function(){c.support={};var a=s.documentElement,b=s.createElement("script"),d=s.createElement("div"),f="script"+J();d.style.display="none";d.innerHTML=" <link/><table></table><a href='/a' style='color:red;float:left;opacity:.55;'>a</a><input type='checkbox'/>";
|
||||
var e=d.getElementsByTagName("*"),j=d.getElementsByTagName("a")[0];if(!(!e||!e.length||!j)){c.support={leadingWhitespace:d.firstChild.nodeType===3,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/red/.test(j.getAttribute("style")),hrefNormalized:j.getAttribute("href")==="/a",opacity:/^0.55$/.test(j.style.opacity),cssFloat:!!j.style.cssFloat,checkOn:d.getElementsByTagName("input")[0].value==="on",optSelected:s.createElement("select").appendChild(s.createElement("option")).selected,
|
||||
parentNode:d.removeChild(d.appendChild(s.createElement("div"))).parentNode===null,deleteExpando:true,checkClone:false,scriptEval:false,noCloneEvent:true,boxModel:null};b.type="text/javascript";try{b.appendChild(s.createTextNode("window."+f+"=1;"))}catch(i){}a.insertBefore(b,a.firstChild);if(A[f]){c.support.scriptEval=true;delete A[f]}try{delete b.test}catch(o){c.support.deleteExpando=false}a.removeChild(b);if(d.attachEvent&&d.fireEvent){d.attachEvent("onclick",function k(){c.support.noCloneEvent=
|
||||
false;d.detachEvent("onclick",k)});d.cloneNode(true).fireEvent("onclick")}d=s.createElement("div");d.innerHTML="<input type='radio' name='radiotest' checked='checked'/>";a=s.createDocumentFragment();a.appendChild(d.firstChild);c.support.checkClone=a.cloneNode(true).cloneNode(true).lastChild.checked;c(function(){var k=s.createElement("div");k.style.width=k.style.paddingLeft="1px";s.body.appendChild(k);c.boxModel=c.support.boxModel=k.offsetWidth===2;s.body.removeChild(k).style.display="none"});a=function(k){var n=
|
||||
s.createElement("div");k="on"+k;var r=k in n;if(!r){n.setAttribute(k,"return;");r=typeof n[k]==="function"}return r};c.support.submitBubbles=a("submit");c.support.changeBubbles=a("change");a=b=d=e=j=null}})();c.props={"for":"htmlFor","class":"className",readonly:"readOnly",maxlength:"maxLength",cellspacing:"cellSpacing",rowspan:"rowSpan",colspan:"colSpan",tabindex:"tabIndex",usemap:"useMap",frameborder:"frameBorder"};var G="jQuery"+J(),Ya=0,za={};c.extend({cache:{},expando:G,noData:{embed:true,object:true,
|
||||
applet:true},data:function(a,b,d){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var f=a[G],e=c.cache;if(!f&&typeof b==="string"&&d===w)return null;f||(f=++Ya);if(typeof b==="object"){a[G]=f;e[f]=c.extend(true,{},b)}else if(!e[f]){a[G]=f;e[f]={}}a=e[f];if(d!==w)a[b]=d;return typeof b==="string"?a[b]:a}},removeData:function(a,b){if(!(a.nodeName&&c.noData[a.nodeName.toLowerCase()])){a=a==A?za:a;var d=a[G],f=c.cache,e=f[d];if(b){if(e){delete e[b];c.isEmptyObject(e)&&c.removeData(a)}}else{if(c.support.deleteExpando)delete a[c.expando];
|
||||
else a.removeAttribute&&a.removeAttribute(c.expando);delete f[d]}}}});c.fn.extend({data:function(a,b){if(typeof a==="undefined"&&this.length)return c.data(this[0]);else if(typeof a==="object")return this.each(function(){c.data(this,a)});var d=a.split(".");d[1]=d[1]?"."+d[1]:"";if(b===w){var f=this.triggerHandler("getData"+d[1]+"!",[d[0]]);if(f===w&&this.length)f=c.data(this[0],a);return f===w&&d[1]?this.data(d[0]):f}else return this.trigger("setData"+d[1]+"!",[d[0],b]).each(function(){c.data(this,
|
||||
a,b)})},removeData:function(a){return this.each(function(){c.removeData(this,a)})}});c.extend({queue:function(a,b,d){if(a){b=(b||"fx")+"queue";var f=c.data(a,b);if(!d)return f||[];if(!f||c.isArray(d))f=c.data(a,b,c.makeArray(d));else f.push(d);return f}},dequeue:function(a,b){b=b||"fx";var d=c.queue(a,b),f=d.shift();if(f==="inprogress")f=d.shift();if(f){b==="fx"&&d.unshift("inprogress");f.call(a,function(){c.dequeue(a,b)})}}});c.fn.extend({queue:function(a,b){if(typeof a!=="string"){b=a;a="fx"}if(b===
|
||||
w)return c.queue(this[0],a);return this.each(function(){var d=c.queue(this,a,b);a==="fx"&&d[0]!=="inprogress"&&c.dequeue(this,a)})},dequeue:function(a){return this.each(function(){c.dequeue(this,a)})},delay:function(a,b){a=c.fx?c.fx.speeds[a]||a:a;b=b||"fx";return this.queue(b,function(){var d=this;setTimeout(function(){c.dequeue(d,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])}});var Aa=/[\n\t]/g,ca=/\s+/,Za=/\r/g,$a=/href|src|style/,ab=/(button|input)/i,bb=/(button|input|object|select|textarea)/i,
|
||||
cb=/^(a|area)$/i,Ba=/radio|checkbox/;c.fn.extend({attr:function(a,b){return X(this,a,b,true,c.attr)},removeAttr:function(a){return this.each(function(){c.attr(this,a,"");this.nodeType===1&&this.removeAttribute(a)})},addClass:function(a){if(c.isFunction(a))return this.each(function(n){var r=c(this);r.addClass(a.call(this,n,r.attr("class")))});if(a&&typeof a==="string")for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1)if(e.className){for(var j=" "+e.className+" ",
|
||||
i=e.className,o=0,k=b.length;o<k;o++)if(j.indexOf(" "+b[o]+" ")<0)i+=" "+b[o];e.className=c.trim(i)}else e.className=a}return this},removeClass:function(a){if(c.isFunction(a))return this.each(function(k){var n=c(this);n.removeClass(a.call(this,k,n.attr("class")))});if(a&&typeof a==="string"||a===w)for(var b=(a||"").split(ca),d=0,f=this.length;d<f;d++){var e=this[d];if(e.nodeType===1&&e.className)if(a){for(var j=(" "+e.className+" ").replace(Aa," "),i=0,o=b.length;i<o;i++)j=j.replace(" "+b[i]+" ",
|
||||
" ");e.className=c.trim(j)}else e.className=""}return this},toggleClass:function(a,b){var d=typeof a,f=typeof b==="boolean";if(c.isFunction(a))return this.each(function(e){var j=c(this);j.toggleClass(a.call(this,e,j.attr("class"),b),b)});return this.each(function(){if(d==="string")for(var e,j=0,i=c(this),o=b,k=a.split(ca);e=k[j++];){o=f?o:!i.hasClass(e);i[o?"addClass":"removeClass"](e)}else if(d==="undefined"||d==="boolean"){this.className&&c.data(this,"__className__",this.className);this.className=
|
||||
this.className||a===false?"":c.data(this,"__className__")||""}})},hasClass:function(a){a=" "+a+" ";for(var b=0,d=this.length;b<d;b++)if((" "+this[b].className+" ").replace(Aa," ").indexOf(a)>-1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j<d;j++){var i=
|
||||
e[j];if(i.selected){a=c(i).val();if(b)return a;f.push(a)}}return f}if(Ba.test(b.type)&&!c.support.checkOn)return b.getAttribute("value")===null?"on":b.value;return(b.value||"").replace(Za,"")}return w}var o=c.isFunction(a);return this.each(function(k){var n=c(this),r=a;if(this.nodeType===1){if(o)r=a.call(this,k,n.val());if(typeof r==="number")r+="";if(c.isArray(r)&&Ba.test(this.type))this.checked=c.inArray(n.val(),r)>=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
|
||||
c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
|
||||
a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
|
||||
function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
|
||||
k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
|
||||
C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B<r.length;B++){u=r[B];if(d.guid===u.guid){if(i||k.test(u.namespace)){f==null&&r.splice(B--,1);n.remove&&n.remove.call(a,u)}if(f!=
|
||||
null)break}}if(r.length===0||f!=null&&r.length===1){if(!n.teardown||n.teardown.call(a,o)===false)Ca(a,e,z.handle);delete C[e]}}else for(var B=0;B<r.length;B++){u=r[B];if(i||k.test(u.namespace)){c.event.remove(a,n,u.handler,B);r.splice(B--,1)}}}if(c.isEmptyObject(C)){if(b=z.handle)b.elem=null;delete z.events;delete z.handle;c.isEmptyObject(z)&&c.removeData(a)}}}}},trigger:function(a,b,d,f){var e=a.type||a;if(!f){a=typeof a==="object"?a[G]?a:c.extend(c.Event(e),a):c.Event(e);if(e.indexOf("!")>=0){a.type=
|
||||
e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
|
||||
f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
|
||||
if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e<j;e++){var i=d[e];if(b||f.test(i.namespace)){a.handler=i.handler;a.data=i.data;a.handleObj=i;i=i.handler.apply(this,arguments);if(i!==w){a.result=i;if(i===false){a.preventDefault();a.stopPropagation()}}if(a.isImmediatePropagationStopped())break}}}return a.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),
|
||||
fix:function(a){if(a[G])return a;var b=a;a=c.Event(b);for(var d=this.props.length,f;d;){f=this.props[--d];a[f]=b[f]}if(!a.target)a.target=a.srcElement||s;if(a.target.nodeType===3)a.target=a.target.parentNode;if(!a.relatedTarget&&a.fromElement)a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;if(a.pageX==null&&a.clientX!=null){b=s.documentElement;d=s.body;a.pageX=a.clientX+(b&&b.scrollLeft||d&&d.scrollLeft||0)-(b&&b.clientLeft||d&&d.clientLeft||0);a.pageY=a.clientY+(b&&b.scrollTop||
|
||||
d&&d.scrollTop||0)-(b&&b.clientTop||d&&d.clientTop||0)}if(!a.which&&(a.charCode||a.charCode===0?a.charCode:a.keyCode))a.which=a.charCode||a.keyCode;if(!a.metaKey&&a.ctrlKey)a.metaKey=a.ctrlKey;if(!a.which&&a.button!==w)a.which=a.button&1?1:a.button&2?3:a.button&4?2:0;return a},guid:1E8,proxy:c.proxy,special:{ready:{setup:c.bindReady,teardown:c.noop},live:{add:function(a){c.event.add(this,a.origType,c.extend({},a,{handler:oa}))},remove:function(a){var b=true,d=a.origType.replace(O,"");c.each(c.data(this,
|
||||
"events").live||[],function(){if(d===this.origType.replace(O,""))return b=false});b&&c.event.remove(this,a.origType,oa)}},beforeunload:{setup:function(a,b,d){if(this.setInterval)this.onbeforeunload=d;return false},teardown:function(a,b){if(this.onbeforeunload===b)this.onbeforeunload=null}}}};var Ca=s.removeEventListener?function(a,b,d){a.removeEventListener(b,d,false)}:function(a,b,d){a.detachEvent("on"+b,d)};c.Event=function(a){if(!this.preventDefault)return new c.Event(a);if(a&&a.type){this.originalEvent=
|
||||
a;this.type=a.type}else this.type=a;this.timeStamp=J();this[G]=true};c.Event.prototype={preventDefault:function(){this.isDefaultPrevented=Z;var a=this.originalEvent;if(a){a.preventDefault&&a.preventDefault();a.returnValue=false}},stopPropagation:function(){this.isPropagationStopped=Z;var a=this.originalEvent;if(a){a.stopPropagation&&a.stopPropagation();a.cancelBubble=true}},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=Z;this.stopPropagation()},isDefaultPrevented:Y,isPropagationStopped:Y,
|
||||
isImmediatePropagationStopped:Y};var Da=function(a){var b=a.relatedTarget;try{for(;b&&b!==this;)b=b.parentNode;if(b!==this){a.type=a.data;c.event.handle.apply(this,arguments)}}catch(d){}},Ea=function(a){a.type=a.data;c.event.handle.apply(this,arguments)};c.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){c.event.special[a]={setup:function(d){c.event.add(this,b,d&&d.selector?Ea:Da,a)},teardown:function(d){c.event.remove(this,b,d&&d.selector?Ea:Da)}}});if(!c.support.submitBubbles)c.event.special.submit=
|
||||
{setup:function(){if(this.nodeName.toLowerCase()!=="form"){c.event.add(this,"click.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="submit"||d==="image")&&c(b).closest("form").length)return na("submit",this,arguments)});c.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,d=b.type;if((d==="text"||d==="password")&&c(b).closest("form").length&&a.keyCode===13)return na("submit",this,arguments)})}else return false},teardown:function(){c.event.remove(this,".specialSubmit")}};
|
||||
if(!c.support.changeBubbles){var da=/textarea|input|select/i,ea,Fa=function(a){var b=a.type,d=a.value;if(b==="radio"||b==="checkbox")d=a.checked;else if(b==="select-multiple")d=a.selectedIndex>-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
|
||||
e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
|
||||
"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
|
||||
d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j<o;j++)c.event.add(this[j],d,i,f)}return this}});c.fn.extend({unbind:function(a,b){if(typeof a==="object"&&
|
||||
!a.preventDefault)for(var d in a)this.unbind(d,a[d]);else{d=0;for(var f=this.length;d<f;d++)c.event.remove(this[d],a,b)}return this},delegate:function(a,b,d,f){return this.live(b,d,f,a)},undelegate:function(a,b,d){return arguments.length===0?this.unbind("live"):this.die(b,null,d,a)},trigger:function(a,b){return this.each(function(){c.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0]){a=c.Event(a);a.preventDefault();a.stopPropagation();c.event.trigger(a,b,this[0]);return a.result}},
|
||||
toggle:function(a){for(var b=arguments,d=1;d<b.length;)c.proxy(a,b[d++]);return this.click(c.proxy(a,function(f){var e=(c.data(this,"lastToggle"+a.guid)||0)%d;c.data(this,"lastToggle"+a.guid,e+1);f.preventDefault();return b[e].apply(this,arguments)||false}))},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var Ga={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};c.each(["live","die"],function(a,b){c.fn[b]=function(d,f,e,j){var i,o=0,k,n,r=j||this.selector,
|
||||
u=j?this:c(this.context);if(c.isFunction(f)){e=f;f=w}for(d=(d||"").split(" ");(i=d[o++])!=null;){j=O.exec(i);k="";if(j){k=j[0];i=i.replace(O,"")}if(i==="hover")d.push("mouseenter"+k,"mouseleave"+k);else{n=i;if(i==="focus"||i==="blur"){d.push(Ga[i]+k);i+=k}else i=(Ga[i]||i)+k;b==="live"?u.each(function(){c.event.add(this,pa(i,r),{data:f,selector:r,handler:e,origType:i,origHandler:e,preType:n})}):u.unbind(pa(i,r),e)}}return this}});c.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),
|
||||
function(a,b){c.fn[b]=function(d){return d?this.bind(b,d):this.trigger(b)};if(c.attrFn)c.attrFn[b]=true});A.attachEvent&&!A.addEventListener&&A.attachEvent("onunload",function(){for(var a in c.cache)if(c.cache[a].handle)try{c.event.remove(c.cache[a].handle.elem)}catch(b){}});(function(){function a(g){for(var h="",l,m=0;g[m];m++){l=g[m];if(l.nodeType===3||l.nodeType===4)h+=l.nodeValue;else if(l.nodeType!==8)h+=a(l.childNodes)}return h}function b(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];
|
||||
if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1&&!p){t.sizcache=l;t.sizset=q}if(t.nodeName.toLowerCase()===h){y=t;break}t=t[g]}m[q]=y}}}function d(g,h,l,m,q,p){q=0;for(var v=m.length;q<v;q++){var t=m[q];if(t){t=t[g];for(var y=false;t;){if(t.sizcache===l){y=m[t.sizset];break}if(t.nodeType===1){if(!p){t.sizcache=l;t.sizset=q}if(typeof h!=="string"){if(t===h){y=true;break}}else if(k.filter(h,[t]).length>0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
|
||||
e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
|
||||
t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
|
||||
g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h<g.length;h++)g[h]===g[h-1]&&g.splice(h--,1)}return g};k.matches=function(g,h){return k(g,null,null,h)};k.find=function(g,h,l){var m,q;if(!g)return[];
|
||||
for(var p=0,v=n.order.length;p<v;p++){var t=n.order[p];if(q=n.leftMatch[t].exec(g)){var y=q[1];q.splice(1,1);if(y.substr(y.length-1)!=="\\"){q[1]=(q[1]||"").replace(/\\/g,"");m=n.find[t](q,h,l);if(m!=null){g=g.replace(n.match[t],"");break}}}}m||(m=h.getElementsByTagName("*"));return{set:m,expr:g}};k.filter=function(g,h,l,m){for(var q=g,p=[],v=h,t,y,S=h&&h[0]&&x(h[0]);g&&h.length;){for(var H in n.filter)if((t=n.leftMatch[H].exec(g))!=null&&t[2]){var M=n.filter[H],I,D;D=t[1];y=false;t.splice(1,1);if(D.substr(D.length-
|
||||
1)!=="\\"){if(v===p)p=[];if(n.preFilter[H])if(t=n.preFilter[H](t,v,l,p,m,S)){if(t===true)continue}else y=I=true;if(t)for(var U=0;(D=v[U])!=null;U++)if(D){I=M(D,t,U,v);var Ha=m^!!I;if(l&&I!=null)if(Ha)y=true;else v[U]=false;else if(Ha){p.push(D);y=true}}if(I!==w){l||(v=p);g=g.replace(n.match[H],"");if(!y)return[];break}}}if(g===q)if(y==null)k.error(g);else break;q=g}return v};k.error=function(g){throw"Syntax error, unrecognized expression: "+g;};var n=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
|
||||
CLASS:/\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(g){return g.getAttribute("href")}},
|
||||
relative:{"+":function(g,h){var l=typeof h==="string",m=l&&!/\W/.test(h);l=l&&!m;if(m)h=h.toLowerCase();m=0;for(var q=g.length,p;m<q;m++)if(p=g[m]){for(;(p=p.previousSibling)&&p.nodeType!==1;);g[m]=l||p&&p.nodeName.toLowerCase()===h?p||false:p===h}l&&k.filter(h,g,true)},">":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m<q;m++){var p=g[m];if(p){l=p.parentNode;g[m]=l.nodeName.toLowerCase()===h?l:false}}}else{m=0;for(q=g.length;m<q;m++)if(p=g[m])g[m]=
|
||||
l?p.parentNode:p.parentNode===h;l&&k.filter(h,g,true)}},"":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("parentNode",h,m,g,p,l)},"~":function(g,h,l){var m=e++,q=d;if(typeof h==="string"&&!/\W/.test(h)){var p=h=h.toLowerCase();q=b}q("previousSibling",h,m,g,p,l)}},find:{ID:function(g,h,l){if(typeof h.getElementById!=="undefined"&&!l)return(g=h.getElementById(g[1]))?[g]:[]},NAME:function(g,h){if(typeof h.getElementsByName!=="undefined"){var l=[];
|
||||
h=h.getElementsByName(g[1]);for(var m=0,q=h.length;m<q;m++)h[m].getAttribute("name")===g[1]&&l.push(h[m]);return l.length===0?null:l}},TAG:function(g,h){return h.getElementsByTagName(g[1])}},preFilter:{CLASS:function(g,h,l,m,q,p){g=" "+g[1].replace(/\\/g,"")+" ";if(p)return g;p=0;for(var v;(v=h[p])!=null;p++)if(v)if(q^(v.className&&(" "+v.className+" ").replace(/[\t\n]/g," ").indexOf(g)>=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
|
||||
CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
|
||||
g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
|
||||
text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
|
||||
setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return h<l[3]-0},gt:function(g,h,l){return h>l[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
|
||||
h[3];l=0;for(m=h.length;l<m;l++)if(h[l]===g)return false;return true}else k.error("Syntax error, unrecognized expression: "+q)},CHILD:function(g,h){var l=h[1],m=g;switch(l){case "only":case "first":for(;m=m.previousSibling;)if(m.nodeType===1)return false;if(l==="first")return true;m=g;case "last":for(;m=m.nextSibling;)if(m.nodeType===1)return false;return true;case "nth":l=h[2];var q=h[3];if(l===1&&q===0)return true;h=h[0];var p=g.parentNode;if(p&&(p.sizcache!==h||!g.nodeIndex)){var v=0;for(m=p.firstChild;m;m=
|
||||
m.nextSibling)if(m.nodeType===1)m.nodeIndex=++v;p.sizcache=h}g=g.nodeIndex-q;return l===0?g===0:g%l===0&&g/l>=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
|
||||
"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
|
||||
h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l<m;l++)h.push(g[l]);else for(l=0;g[l];l++)h.push(g[l]);return h}}var B;if(s.documentElement.compareDocumentPosition)B=function(g,h){if(!g.compareDocumentPosition||
|
||||
!h.compareDocumentPosition){if(g==h)i=true;return g.compareDocumentPosition?-1:1}g=g.compareDocumentPosition(h)&4?-1:g===h?0:1;if(g===0)i=true;return g};else if("sourceIndex"in s.documentElement)B=function(g,h){if(!g.sourceIndex||!h.sourceIndex){if(g==h)i=true;return g.sourceIndex?-1:1}g=g.sourceIndex-h.sourceIndex;if(g===0)i=true;return g};else if(s.createRange)B=function(g,h){if(!g.ownerDocument||!h.ownerDocument){if(g==h)i=true;return g.ownerDocument?-1:1}var l=g.ownerDocument.createRange(),m=
|
||||
h.ownerDocument.createRange();l.setStart(g,0);l.setEnd(g,0);m.setStart(h,0);m.setEnd(h,0);g=l.compareBoundaryPoints(Range.START_TO_END,m);if(g===0)i=true;return g};(function(){var g=s.createElement("div"),h="script"+(new Date).getTime();g.innerHTML="<a name='"+h+"'/>";var l=s.documentElement;l.insertBefore(g,l.firstChild);if(s.getElementById(h)){n.find.ID=function(m,q,p){if(typeof q.getElementById!=="undefined"&&!p)return(q=q.getElementById(m[1]))?q.id===m[1]||typeof q.getAttributeNode!=="undefined"&&
|
||||
q.getAttributeNode("id").nodeValue===m[1]?[q]:w:[]};n.filter.ID=function(m,q){var p=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&p&&p.nodeValue===q}}l.removeChild(g);l=g=null})();(function(){var g=s.createElement("div");g.appendChild(s.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(h,l){l=l.getElementsByTagName(h[1]);if(h[1]==="*"){h=[];for(var m=0;l[m];m++)l[m].nodeType===1&&h.push(l[m]);l=h}return l};g.innerHTML="<a href='#'></a>";
|
||||
if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(h){return h.getAttribute("href",2)};g=null})();s.querySelectorAll&&function(){var g=k,h=s.createElement("div");h.innerHTML="<p class='TEST'></p>";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
|
||||
(function(){var g=s.createElement("div");g.innerHTML="<div class='test e'></div><div class='test'></div>";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
|
||||
function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q<p;q++)k(g,h[q],l);return k.filter(m,l)};c.find=k;c.expr=k.selectors;c.expr[":"]=c.expr.filters;c.unique=k.uniqueSort;c.text=a;c.isXMLDoc=x;c.contains=E})();var eb=/Until$/,fb=/^(?:parents|prevUntil|prevAll)/,
|
||||
gb=/,/;R=Array.prototype.slice;var Ia=function(a,b,d){if(c.isFunction(b))return c.grep(a,function(e,j){return!!b.call(e,j,e)===d});else if(b.nodeType)return c.grep(a,function(e){return e===b===d});else if(typeof b==="string"){var f=c.grep(a,function(e){return e.nodeType===1});if(Ua.test(b))return c.filter(b,f,!d);else b=c.filter(b,f)}return c.grep(a,function(e){return c.inArray(e,b)>=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f<e;f++){d=b.length;
|
||||
c.find(a,this[f],b);if(f>0)for(var j=d;j<b.length;j++)for(var i=0;i<d;i++)if(b[i]===b[j]){b.splice(j--,1);break}}return b},has:function(a){var b=c(a);return this.filter(function(){for(var d=0,f=b.length;d<f;d++)if(c.contains(this,b[d]))return true})},not:function(a){return this.pushStack(Ia(this,a,false),"not",a)},filter:function(a){return this.pushStack(Ia(this,a,true),"filter",a)},is:function(a){return!!a&&c.filter(a,this).length>0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
|
||||
{},i;if(f&&a.length){e=0;for(var o=a.length;e<o;e++){i=a[e];j[i]||(j[i]=c.expr.match.POS.test(i)?c(i,b||this.context):i)}for(;f&&f.ownerDocument&&f!==b;){for(i in j){e=j[i];if(e.jquery?e.index(f)>-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
|
||||
"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
|
||||
d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
|
||||
a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
|
||||
1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/<tbody/i,jb=/<|&#?\w+;/,ta=/<script|<object|<embed|<option|<style/i,ua=/checked\s*(?:[^=]|=\s*.checked.)/i,Ma=function(a,b,d){return hb.test(d)?
|
||||
a:b+"></"+d+">"},F={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div<div>","</div>"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
|
||||
c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
|
||||
wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
|
||||
prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
|
||||
this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
|
||||
return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
|
||||
""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b<d;b++)if(this[b].nodeType===1){c.cleanData(this[b].getElementsByTagName("*"));this[b].innerHTML=a}}catch(f){this.empty().append(a)}}else c.isFunction(a)?this.each(function(e){var j=c(this),i=j.html();j.empty().append(function(){return a.call(this,e,i)})}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&
|
||||
this[0].parentNode){if(c.isFunction(a))return this.each(function(b){var d=c(this),f=d.html();d.replaceWith(a.call(this,b,f))});if(typeof a!=="string")a=c(a).detach();return this.each(function(){var b=this.nextSibling,d=this.parentNode;c(this).remove();b?c(b).before(a):c(d).append(a)})}else return this.pushStack(c(c.isFunction(a)?a():a),"replaceWith",a)},detach:function(a){return this.remove(a,true)},domManip:function(a,b,d){function f(u){return c.nodeName(u,"table")?u.getElementsByTagName("tbody")[0]||
|
||||
u.appendChild(u.ownerDocument.createElement("tbody")):u}var e,j,i=a[0],o=[],k;if(!c.support.checkClone&&arguments.length===3&&typeof i==="string"&&ua.test(i))return this.each(function(){c(this).domManip(a,b,d,true)});if(c.isFunction(i))return this.each(function(u){var z=c(this);a[0]=i.call(this,u,b?z.html():w);z.domManip(a,b,d)});if(this[0]){e=i&&i.parentNode;e=c.support.parentNode&&e&&e.nodeType===11&&e.childNodes.length===this.length?{fragment:e}:sa(a,this,o);k=e.fragment;if(j=k.childNodes.length===
|
||||
1?(k=k.firstChild):k.firstChild){b=b&&c.nodeName(j,"tr");for(var n=0,r=this.length;n<r;n++)d.call(b?f(this[n],j):this[n],n>0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
|
||||
return this}else{e=0;for(var j=d.length;e<j;e++){var i=(e>0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
|
||||
""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]==="<table>"&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
|
||||
c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
|
||||
c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
|
||||
function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
|
||||
Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
|
||||
"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
|
||||
a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
|
||||
a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=/<script(.|\s)*?\/script>/gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
|
||||
"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("<div />").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
|
||||
serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
|
||||
function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
|
||||
global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
|
||||
e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
|
||||
"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
|
||||
false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
|
||||
false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
|
||||
c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
|
||||
d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
|
||||
g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
|
||||
1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
|
||||
"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
|
||||
if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");
|
||||
this[a].style.display=d||"";if(c.css(this[a],"display")==="none"){d=this[a].nodeName;var f;if(la[d])f=la[d];else{var e=c("<"+d+" />").appendTo("body");f=e.css("display");if(f==="none")f="block";e.remove();la[d]=f}c.data(this[a],"olddisplay",f)}}a=0;for(b=this.length;a<b;a++)this[a].style.display=c.data(this[a],"olddisplay")||"";return this}},hide:function(a,b){if(a||a===0)return this.animate(K("hide",3),a,b);else{a=0;for(b=this.length;a<b;a++){var d=c.data(this[a],"olddisplay");!d&&d!=="none"&&c.data(this[a],
|
||||
"olddisplay",c.css(this[a],"display"))}a=0;for(b=this.length;a<b;a++)this[a].style.display="none";return this}},_toggle:c.fn.toggle,toggle:function(a,b){var d=typeof a==="boolean";if(c.isFunction(a)&&c.isFunction(b))this._toggle.apply(this,arguments);else a==null||d?this.each(function(){var f=d?a:c(this).is(":hidden");c(this)[f?"show":"hide"]()}):this.animate(K("toggle",3),a,b);return this},fadeTo:function(a,b,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,d)},
|
||||
animate:function(a,b,d,f){var e=c.speed(b,d,f);if(c.isEmptyObject(a))return this.each(e.complete);return this[e.queue===false?"each":"queue"](function(){var j=c.extend({},e),i,o=this.nodeType===1&&c(this).is(":hidden"),k=this;for(i in a){var n=i.replace(ia,ja);if(i!==n){a[n]=a[i];delete a[i];i=n}if(a[i]==="hide"&&o||a[i]==="show"&&!o)return j.complete.call(this);if((i==="height"||i==="width")&&this.style){j.display=c.css(this,"display");j.overflow=this.style.overflow}if(c.isArray(a[i])){(j.specialEasing=
|
||||
j.specialEasing||{})[i]=a[i][1];a[i]=a[i][0]}}if(j.overflow!=null)this.style.overflow="hidden";j.curAnim=c.extend({},a);c.each(a,function(r,u){var z=new c.fx(k,j,r);if(Ab.test(u))z[u==="toggle"?o?"show":"hide":u](a);else{var C=Bb.exec(u),B=z.cur(true)||0;if(C){u=parseFloat(C[2]);var E=C[3]||"px";if(E!=="px"){k.style[r]=(u||1)+E;B=(u||1)/z.cur(true)*B;k.style[r]=B+E}if(C[1])u=(C[1]==="-="?-1:1)*u+B;z.custom(B,u,E)}else z.custom(B,u,"")}});return true})},stop:function(a,b){var d=c.timers;a&&this.queue([]);
|
||||
this.each(function(){for(var f=d.length-1;f>=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
|
||||
"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
|
||||
c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
|
||||
this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
|
||||
this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
|
||||
e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b<a.length;b++)a[b]()||a.splice(b--,1);a.length||
|
||||
c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,"opacity",a.now)},_default:function(a){if(a.elem.style&&a.elem.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit;else a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset="getBoundingClientRect"in s.documentElement?
|
||||
function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b=
|
||||
this[0];if(a)return this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position==="fixed")break;j=e?e.getComputedStyle(b,null):b.currentStyle;
|
||||
k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!=="visible"){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position==="relative"||f.position==="static"){k+=o.offsetTop;n+=o.offsetLeft}if(c.offset.supportsFixedPosition&&
|
||||
f.position==="fixed"){k+=Math.max(i.scrollTop,o.scrollTop);n+=Math.max(i.scrollLeft,o.scrollLeft)}return{top:k,left:n}};c.offset={initialize:function(){var a=s.body,b=s.createElement("div"),d,f,e,j=parseFloat(c.curCSS(a,"marginTop",true))||0;c.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"});b.innerHTML="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";
|
||||
a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
|
||||
c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
|
||||
d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
|
||||
f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
|
||||
"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
|
||||
e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
|
||||
@@ -1,299 +0,0 @@
|
||||
<!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>
|
||||
|
||||
<!-- header S -->
|
||||
<div id="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" class="paramPage">
|
||||
<ul class="notice">
|
||||
<li class="all on">全部参数</li><li class="need">必须理解参数[新手]</li>
|
||||
</ul>
|
||||
|
||||
<table class="param" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr class="imp">
|
||||
<th width="100">参数</th>
|
||||
<th width="90">版本</th>
|
||||
<th width="80">默认值</th>
|
||||
<th>说明</th>
|
||||
<th width="40">详细</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">type</td>
|
||||
<td class="t">2.1</td>
|
||||
<td class="t">slide</td>
|
||||
<td class="intro">效果类型,可选"slide"||"menu",引入type:"menu"专门处理菜单/导航效果</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">defaultPlay</td>
|
||||
<td class="t">2.1</td>
|
||||
<td class="t">true</td>
|
||||
<td class="intro">默认是否执行效果(第一次运行是否执行效果)常用于导航/菜单</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">returnDefault</td>
|
||||
<td class="t">2.1</td>
|
||||
<td class="t">false</td>
|
||||
<td class="intro">鼠标移出容器,是否返回默认状态,常用于导航/菜单</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">mouseOverStop</td>
|
||||
<td class="t">2.1</td>
|
||||
<td class="t">true</td>
|
||||
<td class="intro">鼠标移到容器层(无缝滚动是mainCell)是否停止播放</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">playStateCell</td>
|
||||
<td class="t">2.1</td>
|
||||
<td class="t">".playState"</td>
|
||||
<td class="intro">播放/暂停状态按钮,点击后会增加/删除"pauseState"类名用于控制样色。可参考 <a target="_blank" href="http://www.superslide2.com/otherDemo.html#effect2">[2.22-真·全屏焦点图]</a></td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="t">switchLoad</td>
|
||||
<td class="t">2.0 > 2.1</td>
|
||||
<td class="t">null</td>
|
||||
<td class="intro">内容切换加载,暂时只支持图片,必须配合后台程序使用。当为图片的时候switchLoad为图片实际路径的属性名称,例如switchLoad:"_src"<br/>
|
||||
[v2.1] 修复当scroll>1时,switchLoad无效的bug。
|
||||
</td>
|
||||
<td class="t"><a class="link" target="_blank" href="http://www.superslide2.com/otherDemo/T2.5/switchLoad.html">详解</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">easing</td>
|
||||
<td class="t">2.0 > 2.1</td>
|
||||
<td class="t">"swing"</td>
|
||||
<td class="intro">缓动效果;</br>[v2.1]更改默认效果为“swing”,使效果更流畅</td>
|
||||
<td class="t"><a class="link" target="_blank" href="http://www.superslide2.com/otherDemo/T2.1/easing.html">所有</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">startFun</td>
|
||||
<td class="t">2.0 > 2.1</td>
|
||||
<td class="t">null</td>
|
||||
<td class="intro">每次切换效果开始时执行函数,用于处理特殊情况或创建更多效果。用法 satrtFun:function(i,c){ }; 其中i为当前分页,c为总页数<br/>
|
||||
[v2.1]增加传递参数,startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){},这样简写就方便了。</br>
|
||||
例如 jQuery(".slideBox").slide({ startFun:function( i,c,s ){ s.show() } }); 这里的 s.show() 相当于 jQuery(".slideBox").show()
|
||||
</td>
|
||||
<td class="t"><a class="link" target="_blank" href="http://www.superslide2.com/otherDemo/T2.2/funIntro.html">详解</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">endFun</td>
|
||||
<td class="t">2.0 > 2.1</td>
|
||||
<td class="t">null</td>
|
||||
<td class="intro">每次切换效果结束时执行函数,用法和startFun一致<br/>
|
||||
</td>
|
||||
<td class="t"><a class="link" target="_blank" href="http://www.superslide2.com/otherDemo/T2.2/funIntro.html">详解</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">triggerTime</td>
|
||||
<td class="t">2.0</td>
|
||||
<td class="t">150</td>
|
||||
<td class="intro">毫秒,titCell触发时间,默认150毫秒延迟,以防重复执行效果。若为0即鼠标移过titCell立刻执行效果</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">targetCell</td>
|
||||
<td class="t">2.0 > 2.1</td>
|
||||
<td class="t">null</td>
|
||||
<td class="intro">切换元素对象,处理内容切换元素非包裹状态下等情况,实现更多效果,处理更多情况,能和titCell、mainCell同时使用。只支持fade效果。<br/>
|
||||
[v2.1] 增加支持slideDown效果。
|
||||
</td>
|
||||
<td class="t"><a class="link" target="_blank" href="http://www.superslide2.com/otherDemo/T2.3/targetCell.html">详解</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">pageStateCell</td>
|
||||
<td class="t">2.0</td>
|
||||
<td class="t">".pageState"</td>
|
||||
<td class="intro">分页状态对象,用于显示分页状态,例如:2/3</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">pnLoop</td>
|
||||
<td class="t">2.0</td>
|
||||
<td class="t">true</td>
|
||||
<td class="intro">前/后按钮是否继续循环,若为false则当翻动到最前/后页时,前/后按钮点击无效,同时增加prevStop/nextStop类名控制样色</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="t">opp</td>
|
||||
<td class="t">2.0</td>
|
||||
<td class="t">false</td>
|
||||
<td class="intro">默认反方向运动,例如 effect:"leftMarquee" 然后设置 opp:true,则效果为右滚动。常用于leftMarquee/topMarquee</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
<tr class="imp">
|
||||
<td class="t"><b>autoPage</b></td>
|
||||
<td class="t">1.2 > 2.1</td>
|
||||
<td class="t">false</td>
|
||||
<td class="intro">
|
||||
[v1.2] 程序自动分页,<i>需结合titCell使用,若为true,则titCell为导航元素的包裹层对象。ps:scroll>1时,记得设置autoPage:true,否则分页错误</i>。<br/>
|
||||
[v2.1] 支持自定义分页html,$为数字替换位置。例如autoPage:"<li><a>$</a></li>",如果不想输出数字:autoPage:"<li><a></a></li>"。
|
||||
</td>
|
||||
<td class="t"><a class="link" target="_blank" href="images/autoPage.png">图解</a></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t"><b>titCell</b></td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">".hd li"</td>
|
||||
<td class="intro">导航元素对象(鼠标的触发元素对象)</td>
|
||||
<td class="t"><a class="link" target="_blank" href="images/titCell_mainCell.png">图解</a></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t"><b>mainCell</b></td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">".bd"</td>
|
||||
<td class="intro">切换元素的包裹层对象</td>
|
||||
<td class="t"><a class="link" target="_blank" href="images/titCell_mainCell.png">图解</a></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">effect</td>
|
||||
<td class="t">1.0 > 2.0 >2.1</td>
|
||||
<td class="t">"fade"</td>
|
||||
<td class="intro">动画效果<br/>
|
||||
[v1.0] fade:渐显; || top:上滚动;|| left:左滚动;|| topLoop:上循环滚动;|| leftLoop:左循环滚动;|| topMarquee:上无缝循环滚动;|| leftMarquee:左无缝循环滚动;<br/>
|
||||
[v2.0] fold:淡入淡出<br/>
|
||||
[v2.1] slideDown:下拉效果</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">autoPlay</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">false</td>
|
||||
<td class="intro">自动运行</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">interTime</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">2500</td>
|
||||
<td class="intro">毫秒;自动运行间隔。当effect为无缝滚动(topMarquee/leftMarquee)时,相当于运行速度。</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">delayTime</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">500</td>
|
||||
<td class="intro">毫秒;切换效果持续时间(一次切换效果执行所用的时间长度)。</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">trigger</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">"mouseover"</td>
|
||||
<td class="intro">titCell触发方式 || mouseover:鼠标移过触发;|| click:鼠标点击触发;</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">scroll</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">1</td>
|
||||
<td class="intro">每次滚动个数。</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="imp">
|
||||
<td class="t">vis</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">1</td>
|
||||
<td class="intro">visible缩写,<i>mainCell的可视范围个数,当实际内容个数少于可视个数的时候,不执行SuperSlide效果。</i></td>
|
||||
<td class="t"><a class="link" target="_blank" href="images/vis.png">图解</a></td>
|
||||
</tr>
|
||||
|
||||
<tr class="n">
|
||||
<td class="t">prevCell</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">".prev"</td>
|
||||
<td class="intro">前一个/页按钮对象。</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="n">
|
||||
<td class="t">nextCell</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">".next"</td>
|
||||
<td class="intro">后一个/页按钮对象。</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="n">
|
||||
<td class="t">defaultIndex</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">0</td>
|
||||
<td class="intro">默认的当前位置索引。0是第一个; defaultIndex:1 时,相当于从第2个开始执行</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
|
||||
<tr class="n">
|
||||
<td class="t">titOnClassName</td>
|
||||
<td class="t">1.0</td>
|
||||
<td class="t">"on"</td>
|
||||
<td class="intro">当前titCell位置自动增加的class名称</td>
|
||||
<td class="t"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(".param tr").hover(function(){ $(this).addClass("on") },function(){ $(this).removeClass("on") });
|
||||
$(".notice .need").click(function(){
|
||||
$(this).addClass("on").siblings().removeClass("on");
|
||||
$(".param tr:not('.imp')").hide(300);
|
||||
});
|
||||
$(".notice .all").click(function(){
|
||||
$(this).addClass("on").siblings().removeClass("on");
|
||||
$(".param tr:not('.imp')").show(300);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<!-- content E -->
|
||||
|
||||
|
||||
<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>
|
||||
@@ -1,25 +0,0 @@
|
||||
/*!
|
||||
* SuperSlide v2.1
|
||||
* <20><><EFBFBD>ɽ<EFBFBD><C9BD><EFBFBD><EFBFBD><EFBFBD>վ<EFBFBD><EFBFBD><F3B2BFB7><EFBFBD>Чչʾ<D5B9><CABE><EFBFBD><EFBFBD>
|
||||
* <20>꾡<EFBFBD><EABEA1>Ϣ<EFBFBD>뿴<EFBFBD><EBBFB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>http://www.SuperSlide2.com/
|
||||
*
|
||||
* Copyright 2011-2013, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϯ
|
||||
*
|
||||
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͷ<EFBFBD><CDB7><EFBFBD><EFBFBD>Ȩ
|
||||
* <20>ڱ<EFBFBD><DAB1><EFBFBD><EFBFBD><EFBFBD>Ȩ<EFBFBD><C8A8>ǰ<EFBFBD><C7B0><EFBFBD>¿<EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD>ڸ<EFBFBD><DAB8>˻<EFBFBD><CBBB><EFBFBD>ҵ<EFBFBD><D2B5>;
|
||||
*/
|
||||
|
||||
|
||||
1<EFBFBD><EFBFBD>jquery.SuperSlide.2.1.js Ϊѹ<CEAA><D1B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>
|
||||
2<EFBFBD><EFBFBD>jquery.SuperSlide.2.1.source.js ΪԴ<CEAA><D4B4><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>
|
||||
3<EFBFBD><EFBFBD>demo<EFBFBD>ļ<EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>л<EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> demo/1.0-switchTab.html Ϊtab<61>л<EFBFBD><D0BB><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>
|
||||
4<EFBFBD><EFBFBD>demo/iframe <20>ļ<EFBFBD><C4BC>в<EFBFBD><D0B2><EFBFBD><EFBFBD>ǻ<EFBFBD><C7BB><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ԣ<EFBFBD><D4A3><EFBFBD>
|
||||
|
||||
|
||||
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>㹺<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>չЧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ῴ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><EFBFBD><EFBFBD>
|
||||
|
||||
5<EFBFBD><EFBFBD>otherDemo<EFBFBD>ļ<EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>չЧ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD>
|
||||
6<EFBFBD><EFBFBD>syntaxhighlighter <20>ļ<EFBFBD><C4BC><EFBFBD>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><D4BA><EFBFBD>
|
||||
|
||||
|
||||
<EFBFBD><EFBFBD>л<EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD>֣<EFBFBD>
|
||||
@@ -1,384 +0,0 @@
|
||||
.icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle;}
|
||||
.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%;}
|
||||
.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px;}
|
||||
.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit;}
|
||||
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{cursor:pointer;}
|
||||
.icon-glass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-music{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-search{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-envelope-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-heart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-user{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-film{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th-large{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-th-list{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-zoom-in{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-zoom-out{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-power-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cog{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gear{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trash{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-home{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-time{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-road{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-download-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-inbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-repeat{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rotate-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-refresh{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lock{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-headphones{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-volume-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-qrcode{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-barcode{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tag{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tags{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-book{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bookmark{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-print{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-camera{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-font{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bold{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-italic{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-text-height{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-text-width{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-center{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-align-justify{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-indent-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-indent-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facetime-video{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-picture{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pencil{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-map-marker{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-adjust{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tint{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-edit{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-move{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-step-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fast-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-backward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pause{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fast-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-step-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eject{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-question-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-info-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-screenshot{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-remove-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ok-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ban-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-forward{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-full{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-small{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-asterisk{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exclamation-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gift{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-leaf{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fire{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eye-open{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eye-close{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-warning-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plane{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-calendar{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-random{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comment{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-magnet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-retweet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-shopping-cart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-close{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-open{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-vertical{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-resize-horizontal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bar-chart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-twitter-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facebook-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-camera-retro{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-key{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cogs{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gears{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comments{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-up-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-down-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-heart-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signout{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linkedin-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pushpin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-external-link{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-signin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trophy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-upload-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lemon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unchecked{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bookmark-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-phone-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-twitter{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-facebook{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlock{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-credit-card{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rss{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hdd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bullhorn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bell{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-certificate{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hand-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-globe{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-wrench{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tasks{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-filter{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-briefcase{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fullscreen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-group{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-link{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-beaker{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cut{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-copy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paper-clip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paperclip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-save{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sign-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reorder{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-ul{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-list-ol{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-strikethrough{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-underline{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-table{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-magic{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-truck{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pinterest{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-pinterest-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-google-plus-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-google-plus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-money{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-caret-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-columns{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-envelope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linkedin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-undo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rotate-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-legal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dashboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comment-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-comments-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bolt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sitemap{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-umbrella{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-paste{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-lightbulb{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exchange{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cloud-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-user-md{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stethoscope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-suitcase{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bell-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-coffee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-food{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-text-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-building{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-hospital{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ambulance{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-medkit{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fighter-jet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-beer{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-h-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-plus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-double-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-desktop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-laptop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tablet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mobile-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-quote-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-quote-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-spinner{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-github-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-close-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-folder-open-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-expand-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-smile{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-frown{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-meh{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gamepad{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-keyboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flag-checkered{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-terminal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-code{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-mail-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-star-half-full{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-location-arrow{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-crop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-code-fork{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlink{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-question{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-info{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-exclamation{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-superscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-subscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eraser{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-puzzle-piece{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-microphone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-microphone-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-shield{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-calendar-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-fire-extinguisher{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rocket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-maxcdn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-chevron-sign-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-html5{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-css3{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-anchor{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-unlock-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bullseye{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ellipsis-horizontal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ellipsis-vertical{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rss-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-play-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-ticket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-minus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-minus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-level-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-level-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-check-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-edit-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-external-link-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-share-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-compass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-collapse-top{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-expand{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-eur{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-euro{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gbp{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-usd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dollar{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-inr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-rupee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-jpy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-yen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-cny{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-renminbi{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-krw{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-won{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-btc{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitcoin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-file-text{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-alphabet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-alphabet-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-attributes{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-attributes-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-order{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sort-by-order-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-thumbs-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-xing{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-xing-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-youtube-play{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dropbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-stackexchange{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-instagram{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-flickr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-adn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitbucket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bitbucket-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tumblr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-tumblr-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-long-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-apple{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-windows{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-android{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-linux{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-dribbble{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-skype{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-foursquare{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-trello{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-female{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-male{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-gittip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-sun{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-moon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-archive{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-bug{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-vk{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-weibo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
.icon-renren{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
|
||||
@@ -1,403 +0,0 @@
|
||||
@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
|
||||
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
|
||||
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
|
||||
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
|
||||
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
|
||||
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
|
||||
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
|
||||
.icon-muted{color:#eeeeee;}
|
||||
.icon-light{color:#ffffff;}
|
||||
.icon-dark{color:#333333;}
|
||||
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
|
||||
.pull-right{float:right;}
|
||||
.pull-left{float:left;}
|
||||
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
|
||||
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
|
||||
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
|
||||
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
|
||||
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
|
||||
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
|
||||
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
|
||||
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
|
||||
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
|
||||
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
|
||||
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
|
||||
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
|
||||
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
|
||||
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
|
||||
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
|
||||
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
|
||||
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
|
||||
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
|
||||
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
|
||||
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
|
||||
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
|
||||
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
|
||||
.icon-glass:before{content:"\f000";}
|
||||
.icon-music:before{content:"\f001";}
|
||||
.icon-search:before{content:"\f002";}
|
||||
.icon-envelope-alt:before{content:"\f003";}
|
||||
.icon-heart:before{content:"\f004";}
|
||||
.icon-star:before{content:"\f005";}
|
||||
.icon-star-empty:before{content:"\f006";}
|
||||
.icon-user:before{content:"\f007";}
|
||||
.icon-film:before{content:"\f008";}
|
||||
.icon-th-large:before{content:"\f009";}
|
||||
.icon-th:before{content:"\f00a";}
|
||||
.icon-th-list:before{content:"\f00b";}
|
||||
.icon-ok:before{content:"\f00c";}
|
||||
.icon-remove:before{content:"\f00d";}
|
||||
.icon-zoom-in:before{content:"\f00e";}
|
||||
.icon-zoom-out:before{content:"\f010";}
|
||||
.icon-power-off:before,.icon-off:before{content:"\f011";}
|
||||
.icon-signal:before{content:"\f012";}
|
||||
.icon-gear:before,.icon-cog:before{content:"\f013";}
|
||||
.icon-trash:before{content:"\f014";}
|
||||
.icon-home:before{content:"\f015";}
|
||||
.icon-file-alt:before{content:"\f016";}
|
||||
.icon-time:before{content:"\f017";}
|
||||
.icon-road:before{content:"\f018";}
|
||||
.icon-download-alt:before{content:"\f019";}
|
||||
.icon-download:before{content:"\f01a";}
|
||||
.icon-upload:before{content:"\f01b";}
|
||||
.icon-inbox:before{content:"\f01c";}
|
||||
.icon-play-circle:before{content:"\f01d";}
|
||||
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
|
||||
.icon-refresh:before{content:"\f021";}
|
||||
.icon-list-alt:before{content:"\f022";}
|
||||
.icon-lock:before{content:"\f023";}
|
||||
.icon-flag:before{content:"\f024";}
|
||||
.icon-headphones:before{content:"\f025";}
|
||||
.icon-volume-off:before{content:"\f026";}
|
||||
.icon-volume-down:before{content:"\f027";}
|
||||
.icon-volume-up:before{content:"\f028";}
|
||||
.icon-qrcode:before{content:"\f029";}
|
||||
.icon-barcode:before{content:"\f02a";}
|
||||
.icon-tag:before{content:"\f02b";}
|
||||
.icon-tags:before{content:"\f02c";}
|
||||
.icon-book:before{content:"\f02d";}
|
||||
.icon-bookmark:before{content:"\f02e";}
|
||||
.icon-print:before{content:"\f02f";}
|
||||
.icon-camera:before{content:"\f030";}
|
||||
.icon-font:before{content:"\f031";}
|
||||
.icon-bold:before{content:"\f032";}
|
||||
.icon-italic:before{content:"\f033";}
|
||||
.icon-text-height:before{content:"\f034";}
|
||||
.icon-text-width:before{content:"\f035";}
|
||||
.icon-align-left:before{content:"\f036";}
|
||||
.icon-align-center:before{content:"\f037";}
|
||||
.icon-align-right:before{content:"\f038";}
|
||||
.icon-align-justify:before{content:"\f039";}
|
||||
.icon-list:before{content:"\f03a";}
|
||||
.icon-indent-left:before{content:"\f03b";}
|
||||
.icon-indent-right:before{content:"\f03c";}
|
||||
.icon-facetime-video:before{content:"\f03d";}
|
||||
.icon-picture:before{content:"\f03e";}
|
||||
.icon-pencil:before{content:"\f040";}
|
||||
.icon-map-marker:before{content:"\f041";}
|
||||
.icon-adjust:before{content:"\f042";}
|
||||
.icon-tint:before{content:"\f043";}
|
||||
.icon-edit:before{content:"\f044";}
|
||||
.icon-share:before{content:"\f045";}
|
||||
.icon-check:before{content:"\f046";}
|
||||
.icon-move:before{content:"\f047";}
|
||||
.icon-step-backward:before{content:"\f048";}
|
||||
.icon-fast-backward:before{content:"\f049";}
|
||||
.icon-backward:before{content:"\f04a";}
|
||||
.icon-play:before{content:"\f04b";}
|
||||
.icon-pause:before{content:"\f04c";}
|
||||
.icon-stop:before{content:"\f04d";}
|
||||
.icon-forward:before{content:"\f04e";}
|
||||
.icon-fast-forward:before{content:"\f050";}
|
||||
.icon-step-forward:before{content:"\f051";}
|
||||
.icon-eject:before{content:"\f052";}
|
||||
.icon-chevron-left:before{content:"\f053";}
|
||||
.icon-chevron-right:before{content:"\f054";}
|
||||
.icon-plus-sign:before{content:"\f055";}
|
||||
.icon-minus-sign:before{content:"\f056";}
|
||||
.icon-remove-sign:before{content:"\f057";}
|
||||
.icon-ok-sign:before{content:"\f058";}
|
||||
.icon-question-sign:before{content:"\f059";}
|
||||
.icon-info-sign:before{content:"\f05a";}
|
||||
.icon-screenshot:before{content:"\f05b";}
|
||||
.icon-remove-circle:before{content:"\f05c";}
|
||||
.icon-ok-circle:before{content:"\f05d";}
|
||||
.icon-ban-circle:before{content:"\f05e";}
|
||||
.icon-arrow-left:before{content:"\f060";}
|
||||
.icon-arrow-right:before{content:"\f061";}
|
||||
.icon-arrow-up:before{content:"\f062";}
|
||||
.icon-arrow-down:before{content:"\f063";}
|
||||
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
|
||||
.icon-resize-full:before{content:"\f065";}
|
||||
.icon-resize-small:before{content:"\f066";}
|
||||
.icon-plus:before{content:"\f067";}
|
||||
.icon-minus:before{content:"\f068";}
|
||||
.icon-asterisk:before{content:"\f069";}
|
||||
.icon-exclamation-sign:before{content:"\f06a";}
|
||||
.icon-gift:before{content:"\f06b";}
|
||||
.icon-leaf:before{content:"\f06c";}
|
||||
.icon-fire:before{content:"\f06d";}
|
||||
.icon-eye-open:before{content:"\f06e";}
|
||||
.icon-eye-close:before{content:"\f070";}
|
||||
.icon-warning-sign:before{content:"\f071";}
|
||||
.icon-plane:before{content:"\f072";}
|
||||
.icon-calendar:before{content:"\f073";}
|
||||
.icon-random:before{content:"\f074";}
|
||||
.icon-comment:before{content:"\f075";}
|
||||
.icon-magnet:before{content:"\f076";}
|
||||
.icon-chevron-up:before{content:"\f077";}
|
||||
.icon-chevron-down:before{content:"\f078";}
|
||||
.icon-retweet:before{content:"\f079";}
|
||||
.icon-shopping-cart:before{content:"\f07a";}
|
||||
.icon-folder-close:before{content:"\f07b";}
|
||||
.icon-folder-open:before{content:"\f07c";}
|
||||
.icon-resize-vertical:before{content:"\f07d";}
|
||||
.icon-resize-horizontal:before{content:"\f07e";}
|
||||
.icon-bar-chart:before{content:"\f080";}
|
||||
.icon-twitter-sign:before{content:"\f081";}
|
||||
.icon-facebook-sign:before{content:"\f082";}
|
||||
.icon-camera-retro:before{content:"\f083";}
|
||||
.icon-key:before{content:"\f084";}
|
||||
.icon-gears:before,.icon-cogs:before{content:"\f085";}
|
||||
.icon-comments:before{content:"\f086";}
|
||||
.icon-thumbs-up-alt:before{content:"\f087";}
|
||||
.icon-thumbs-down-alt:before{content:"\f088";}
|
||||
.icon-star-half:before{content:"\f089";}
|
||||
.icon-heart-empty:before{content:"\f08a";}
|
||||
.icon-signout:before{content:"\f08b";}
|
||||
.icon-linkedin-sign:before{content:"\f08c";}
|
||||
.icon-pushpin:before{content:"\f08d";}
|
||||
.icon-external-link:before{content:"\f08e";}
|
||||
.icon-signin:before{content:"\f090";}
|
||||
.icon-trophy:before{content:"\f091";}
|
||||
.icon-github-sign:before{content:"\f092";}
|
||||
.icon-upload-alt:before{content:"\f093";}
|
||||
.icon-lemon:before{content:"\f094";}
|
||||
.icon-phone:before{content:"\f095";}
|
||||
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
|
||||
.icon-bookmark-empty:before{content:"\f097";}
|
||||
.icon-phone-sign:before{content:"\f098";}
|
||||
.icon-twitter:before{content:"\f099";}
|
||||
.icon-facebook:before{content:"\f09a";}
|
||||
.icon-github:before{content:"\f09b";}
|
||||
.icon-unlock:before{content:"\f09c";}
|
||||
.icon-credit-card:before{content:"\f09d";}
|
||||
.icon-rss:before{content:"\f09e";}
|
||||
.icon-hdd:before{content:"\f0a0";}
|
||||
.icon-bullhorn:before{content:"\f0a1";}
|
||||
.icon-bell:before{content:"\f0a2";}
|
||||
.icon-certificate:before{content:"\f0a3";}
|
||||
.icon-hand-right:before{content:"\f0a4";}
|
||||
.icon-hand-left:before{content:"\f0a5";}
|
||||
.icon-hand-up:before{content:"\f0a6";}
|
||||
.icon-hand-down:before{content:"\f0a7";}
|
||||
.icon-circle-arrow-left:before{content:"\f0a8";}
|
||||
.icon-circle-arrow-right:before{content:"\f0a9";}
|
||||
.icon-circle-arrow-up:before{content:"\f0aa";}
|
||||
.icon-circle-arrow-down:before{content:"\f0ab";}
|
||||
.icon-globe:before{content:"\f0ac";}
|
||||
.icon-wrench:before{content:"\f0ad";}
|
||||
.icon-tasks:before{content:"\f0ae";}
|
||||
.icon-filter:before{content:"\f0b0";}
|
||||
.icon-briefcase:before{content:"\f0b1";}
|
||||
.icon-fullscreen:before{content:"\f0b2";}
|
||||
.icon-group:before{content:"\f0c0";}
|
||||
.icon-link:before{content:"\f0c1";}
|
||||
.icon-cloud:before{content:"\f0c2";}
|
||||
.icon-beaker:before{content:"\f0c3";}
|
||||
.icon-cut:before{content:"\f0c4";}
|
||||
.icon-copy:before{content:"\f0c5";}
|
||||
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
|
||||
.icon-save:before{content:"\f0c7";}
|
||||
.icon-sign-blank:before{content:"\f0c8";}
|
||||
.icon-reorder:before{content:"\f0c9";}
|
||||
.icon-list-ul:before{content:"\f0ca";}
|
||||
.icon-list-ol:before{content:"\f0cb";}
|
||||
.icon-strikethrough:before{content:"\f0cc";}
|
||||
.icon-underline:before{content:"\f0cd";}
|
||||
.icon-table:before{content:"\f0ce";}
|
||||
.icon-magic:before{content:"\f0d0";}
|
||||
.icon-truck:before{content:"\f0d1";}
|
||||
.icon-pinterest:before{content:"\f0d2";}
|
||||
.icon-pinterest-sign:before{content:"\f0d3";}
|
||||
.icon-google-plus-sign:before{content:"\f0d4";}
|
||||
.icon-google-plus:before{content:"\f0d5";}
|
||||
.icon-money:before{content:"\f0d6";}
|
||||
.icon-caret-down:before{content:"\f0d7";}
|
||||
.icon-caret-up:before{content:"\f0d8";}
|
||||
.icon-caret-left:before{content:"\f0d9";}
|
||||
.icon-caret-right:before{content:"\f0da";}
|
||||
.icon-columns:before{content:"\f0db";}
|
||||
.icon-sort:before{content:"\f0dc";}
|
||||
.icon-sort-down:before{content:"\f0dd";}
|
||||
.icon-sort-up:before{content:"\f0de";}
|
||||
.icon-envelope:before{content:"\f0e0";}
|
||||
.icon-linkedin:before{content:"\f0e1";}
|
||||
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
|
||||
.icon-legal:before{content:"\f0e3";}
|
||||
.icon-dashboard:before{content:"\f0e4";}
|
||||
.icon-comment-alt:before{content:"\f0e5";}
|
||||
.icon-comments-alt:before{content:"\f0e6";}
|
||||
.icon-bolt:before{content:"\f0e7";}
|
||||
.icon-sitemap:before{content:"\f0e8";}
|
||||
.icon-umbrella:before{content:"\f0e9";}
|
||||
.icon-paste:before{content:"\f0ea";}
|
||||
.icon-lightbulb:before{content:"\f0eb";}
|
||||
.icon-exchange:before{content:"\f0ec";}
|
||||
.icon-cloud-download:before{content:"\f0ed";}
|
||||
.icon-cloud-upload:before{content:"\f0ee";}
|
||||
.icon-user-md:before{content:"\f0f0";}
|
||||
.icon-stethoscope:before{content:"\f0f1";}
|
||||
.icon-suitcase:before{content:"\f0f2";}
|
||||
.icon-bell-alt:before{content:"\f0f3";}
|
||||
.icon-coffee:before{content:"\f0f4";}
|
||||
.icon-food:before{content:"\f0f5";}
|
||||
.icon-file-text-alt:before{content:"\f0f6";}
|
||||
.icon-building:before{content:"\f0f7";}
|
||||
.icon-hospital:before{content:"\f0f8";}
|
||||
.icon-ambulance:before{content:"\f0f9";}
|
||||
.icon-medkit:before{content:"\f0fa";}
|
||||
.icon-fighter-jet:before{content:"\f0fb";}
|
||||
.icon-beer:before{content:"\f0fc";}
|
||||
.icon-h-sign:before{content:"\f0fd";}
|
||||
.icon-plus-sign-alt:before{content:"\f0fe";}
|
||||
.icon-double-angle-left:before{content:"\f100";}
|
||||
.icon-double-angle-right:before{content:"\f101";}
|
||||
.icon-double-angle-up:before{content:"\f102";}
|
||||
.icon-double-angle-down:before{content:"\f103";}
|
||||
.icon-angle-left:before{content:"\f104";}
|
||||
.icon-angle-right:before{content:"\f105";}
|
||||
.icon-angle-up:before{content:"\f106";}
|
||||
.icon-angle-down:before{content:"\f107";}
|
||||
.icon-desktop:before{content:"\f108";}
|
||||
.icon-laptop:before{content:"\f109";}
|
||||
.icon-tablet:before{content:"\f10a";}
|
||||
.icon-mobile-phone:before{content:"\f10b";}
|
||||
.icon-circle-blank:before{content:"\f10c";}
|
||||
.icon-quote-left:before{content:"\f10d";}
|
||||
.icon-quote-right:before{content:"\f10e";}
|
||||
.icon-spinner:before{content:"\f110";}
|
||||
.icon-circle:before{content:"\f111";}
|
||||
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
|
||||
.icon-github-alt:before{content:"\f113";}
|
||||
.icon-folder-close-alt:before{content:"\f114";}
|
||||
.icon-folder-open-alt:before{content:"\f115";}
|
||||
.icon-expand-alt:before{content:"\f116";}
|
||||
.icon-collapse-alt:before{content:"\f117";}
|
||||
.icon-smile:before{content:"\f118";}
|
||||
.icon-frown:before{content:"\f119";}
|
||||
.icon-meh:before{content:"\f11a";}
|
||||
.icon-gamepad:before{content:"\f11b";}
|
||||
.icon-keyboard:before{content:"\f11c";}
|
||||
.icon-flag-alt:before{content:"\f11d";}
|
||||
.icon-flag-checkered:before{content:"\f11e";}
|
||||
.icon-terminal:before{content:"\f120";}
|
||||
.icon-code:before{content:"\f121";}
|
||||
.icon-reply-all:before{content:"\f122";}
|
||||
.icon-mail-reply-all:before{content:"\f122";}
|
||||
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
|
||||
.icon-location-arrow:before{content:"\f124";}
|
||||
.icon-crop:before{content:"\f125";}
|
||||
.icon-code-fork:before{content:"\f126";}
|
||||
.icon-unlink:before{content:"\f127";}
|
||||
.icon-question:before{content:"\f128";}
|
||||
.icon-info:before{content:"\f129";}
|
||||
.icon-exclamation:before{content:"\f12a";}
|
||||
.icon-superscript:before{content:"\f12b";}
|
||||
.icon-subscript:before{content:"\f12c";}
|
||||
.icon-eraser:before{content:"\f12d";}
|
||||
.icon-puzzle-piece:before{content:"\f12e";}
|
||||
.icon-microphone:before{content:"\f130";}
|
||||
.icon-microphone-off:before{content:"\f131";}
|
||||
.icon-shield:before{content:"\f132";}
|
||||
.icon-calendar-empty:before{content:"\f133";}
|
||||
.icon-fire-extinguisher:before{content:"\f134";}
|
||||
.icon-rocket:before{content:"\f135";}
|
||||
.icon-maxcdn:before{content:"\f136";}
|
||||
.icon-chevron-sign-left:before{content:"\f137";}
|
||||
.icon-chevron-sign-right:before{content:"\f138";}
|
||||
.icon-chevron-sign-up:before{content:"\f139";}
|
||||
.icon-chevron-sign-down:before{content:"\f13a";}
|
||||
.icon-html5:before{content:"\f13b";}
|
||||
.icon-css3:before{content:"\f13c";}
|
||||
.icon-anchor:before{content:"\f13d";}
|
||||
.icon-unlock-alt:before{content:"\f13e";}
|
||||
.icon-bullseye:before{content:"\f140";}
|
||||
.icon-ellipsis-horizontal:before{content:"\f141";}
|
||||
.icon-ellipsis-vertical:before{content:"\f142";}
|
||||
.icon-rss-sign:before{content:"\f143";}
|
||||
.icon-play-sign:before{content:"\f144";}
|
||||
.icon-ticket:before{content:"\f145";}
|
||||
.icon-minus-sign-alt:before{content:"\f146";}
|
||||
.icon-check-minus:before{content:"\f147";}
|
||||
.icon-level-up:before{content:"\f148";}
|
||||
.icon-level-down:before{content:"\f149";}
|
||||
.icon-check-sign:before{content:"\f14a";}
|
||||
.icon-edit-sign:before{content:"\f14b";}
|
||||
.icon-external-link-sign:before{content:"\f14c";}
|
||||
.icon-share-sign:before{content:"\f14d";}
|
||||
.icon-compass:before{content:"\f14e";}
|
||||
.icon-collapse:before{content:"\f150";}
|
||||
.icon-collapse-top:before{content:"\f151";}
|
||||
.icon-expand:before{content:"\f152";}
|
||||
.icon-euro:before,.icon-eur:before{content:"\f153";}
|
||||
.icon-gbp:before{content:"\f154";}
|
||||
.icon-dollar:before,.icon-usd:before{content:"\f155";}
|
||||
.icon-rupee:before,.icon-inr:before{content:"\f156";}
|
||||
.icon-yen:before,.icon-jpy:before{content:"\f157";}
|
||||
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
|
||||
.icon-won:before,.icon-krw:before{content:"\f159";}
|
||||
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
|
||||
.icon-file:before{content:"\f15b";}
|
||||
.icon-file-text:before{content:"\f15c";}
|
||||
.icon-sort-by-alphabet:before{content:"\f15d";}
|
||||
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
|
||||
.icon-sort-by-attributes:before{content:"\f160";}
|
||||
.icon-sort-by-attributes-alt:before{content:"\f161";}
|
||||
.icon-sort-by-order:before{content:"\f162";}
|
||||
.icon-sort-by-order-alt:before{content:"\f163";}
|
||||
.icon-thumbs-up:before{content:"\f164";}
|
||||
.icon-thumbs-down:before{content:"\f165";}
|
||||
.icon-youtube-sign:before{content:"\f166";}
|
||||
.icon-youtube:before{content:"\f167";}
|
||||
.icon-xing:before{content:"\f168";}
|
||||
.icon-xing-sign:before{content:"\f169";}
|
||||
.icon-youtube-play:before{content:"\f16a";}
|
||||
.icon-dropbox:before{content:"\f16b";}
|
||||
.icon-stackexchange:before{content:"\f16c";}
|
||||
.icon-instagram:before{content:"\f16d";}
|
||||
.icon-flickr:before{content:"\f16e";}
|
||||
.icon-adn:before{content:"\f170";}
|
||||
.icon-bitbucket:before{content:"\f171";}
|
||||
.icon-bitbucket-sign:before{content:"\f172";}
|
||||
.icon-tumblr:before{content:"\f173";}
|
||||
.icon-tumblr-sign:before{content:"\f174";}
|
||||
.icon-long-arrow-down:before{content:"\f175";}
|
||||
.icon-long-arrow-up:before{content:"\f176";}
|
||||
.icon-long-arrow-left:before{content:"\f177";}
|
||||
.icon-long-arrow-right:before{content:"\f178";}
|
||||
.icon-apple:before{content:"\f179";}
|
||||
.icon-windows:before{content:"\f17a";}
|
||||
.icon-android:before{content:"\f17b";}
|
||||
.icon-linux:before{content:"\f17c";}
|
||||
.icon-dribbble:before{content:"\f17d";}
|
||||
.icon-skype:before{content:"\f17e";}
|
||||
.icon-foursquare:before{content:"\f180";}
|
||||
.icon-trello:before{content:"\f181";}
|
||||
.icon-female:before{content:"\f182";}
|
||||
.icon-male:before{content:"\f183";}
|
||||
.icon-gittip:before{content:"\f184";}
|
||||
.icon-sun:before{content:"\f185";}
|
||||
.icon-moon:before{content:"\f186";}
|
||||
.icon-archive:before{content:"\f187";}
|
||||
.icon-bug:before{content:"\f188";}
|
||||
.icon-vk:before{content:"\f189";}
|
||||
.icon-weibo:before{content:"\f18a";}
|
||||
.icon-renren:before{content:"\f18b";}
|
||||
|
Before Width: | Height: | Size: 34 KiB |
@@ -1,145 +0,0 @@
|
||||
/*!* Bootstrap Responsive v2.3.1 * * Copyright 2012 Twitter,Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}
|
||||
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}.clearfix:after{clear:both;}
|
||||
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
|
||||
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}.visible-phone{display:none!important;}
|
||||
.visible-tablet{display:none!important;}.hidden-desktop{display:none!important;}
|
||||
.visible-desktop{display:inherit!important;}@media(min-width:768px) and(max-width:979px){.hidden-desktop{display:inherit!important;}
|
||||
.visible-desktop{display:none!important;}.visible-tablet{display:inherit!important;}
|
||||
.hidden-tablet{display:none!important;}}@media(max-width:767px){.hidden-desktop{display:inherit!important;}
|
||||
.visible-desktop{display:none!important;}.visible-phone{display:inherit!important;}
|
||||
.hidden-phone{display:none!important;}}.visible-print{display:none!important;}@media print{.visible-print{display:inherit!important;}
|
||||
.hidden-print{display:none!important;}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1;}
|
||||
.row:before,.row:after{display:table;content:"";line-height:0;}.row:after{clear:both;}
|
||||
[class*="span"]{float:left;min-height:1px;margin-left:30px;}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;}
|
||||
.span12{width:1170px;}.span11{width:1070px;}.span10{width:970px;}.span9{width:870px;}
|
||||
.span8{width:770px;}.span7{width:670px;}.span6{width:570px;}.span5{width:470px;}
|
||||
.span4{width:370px;}.span3{width:270px;}.span2{width:170px;}.span1{width:70px;}.offset12{margin-left:1230px;}
|
||||
.offset11{margin-left:1130px;}.offset10{margin-left:1030px;}.offset9{margin-left:930px;}
|
||||
.offset8{margin-left:830px;}.offset7{margin-left:730px;}.offset6{margin-left:630px;}
|
||||
.offset5{margin-left:530px;}.offset4{margin-left:430px;}.offset3{margin-left:330px;}
|
||||
.offset2{margin-left:230px;}.offset1{margin-left:130px;}.row-fluid{width:100%;*zoom:1;}
|
||||
.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}
|
||||
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;}
|
||||
.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;}
|
||||
.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;}
|
||||
.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;}
|
||||
.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;}
|
||||
.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;}
|
||||
.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;}
|
||||
.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;}
|
||||
.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;}
|
||||
.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;}
|
||||
.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;}
|
||||
.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;}
|
||||
.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;}
|
||||
.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;}
|
||||
.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;}
|
||||
.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;}
|
||||
.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;}
|
||||
.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;}
|
||||
.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;}
|
||||
.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;}
|
||||
.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;}
|
||||
.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;}
|
||||
.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;}
|
||||
.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;}
|
||||
.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;}
|
||||
.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;}
|
||||
.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;}
|
||||
.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;}
|
||||
.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;}
|
||||
.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;}
|
||||
.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;}
|
||||
.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;}
|
||||
input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:30px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:1156px;}input.span11,textarea.span11,.uneditable-input.span11{width:1056px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:956px;}input.span9,textarea.span9,.uneditable-input.span9{width:856px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:756px;}input.span7,textarea.span7,.uneditable-input.span7{width:656px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:556px;}input.span5,textarea.span5,.uneditable-input.span5{width:456px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:356px;}input.span3,textarea.span3,.uneditable-input.span3{width:256px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:156px;}input.span1,textarea.span1,.uneditable-input.span1{width:56px;}
|
||||
.thumbnails{margin-left:-30px;}.thumbnails>li{margin-left:30px;}.row-fluid .thumbnails{margin-left:0;}
|
||||
}@media(min-width:768px) and(max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
|
||||
.row:after{clear:both;}[class*="span"]{float:left;min-height:1px;margin-left:20px;}
|
||||
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;}
|
||||
.span12{width:724px;}.span11{width:662px;}.span10{width:600px;}.span9{width:538px;}
|
||||
.span8{width:476px;}.span7{width:414px;}.span6{width:352px;}.span5{width:290px;}
|
||||
.span4{width:228px;}.span3{width:166px;}.span2{width:104px;}.span1{width:42px;}.offset12{margin-left:764px;}
|
||||
.offset11{margin-left:702px;}.offset10{margin-left:640px;}.offset9{margin-left:578px;}
|
||||
.offset8{margin-left:516px;}.offset7{margin-left:454px;}.offset6{margin-left:392px;}
|
||||
.offset5{margin-left:330px;}.offset4{margin-left:268px;}.offset3{margin-left:206px;}
|
||||
.offset2{margin-left:144px;}.offset1{margin-left:82px;}.row-fluid{width:100%;*zoom:1;}
|
||||
.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}
|
||||
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;}
|
||||
.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;}
|
||||
.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;}
|
||||
.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;}
|
||||
.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;}
|
||||
.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;}
|
||||
.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;}
|
||||
.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;}
|
||||
.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;}
|
||||
.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;}
|
||||
.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;}
|
||||
.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;}
|
||||
.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;}
|
||||
.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;}
|
||||
.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;}
|
||||
.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;}
|
||||
.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;}
|
||||
.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;}
|
||||
.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;}
|
||||
.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;}
|
||||
.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;}
|
||||
.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;}
|
||||
.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;}
|
||||
.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;}
|
||||
.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;}
|
||||
.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;}
|
||||
.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;}
|
||||
.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;}
|
||||
.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;}
|
||||
.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;}
|
||||
.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;}
|
||||
.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;}
|
||||
input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:710px;}input.span11,textarea.span11,.uneditable-input.span11{width:648px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:586px;}input.span9,textarea.span9,.uneditable-input.span9{width:524px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:462px;}input.span7,textarea.span7,.uneditable-input.span7{width:400px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:338px;}input.span5,textarea.span5,.uneditable-input.span5{width:276px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:214px;}input.span3,textarea.span3,.uneditable-input.span3{width:152px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:90px;}input.span1,textarea.span1,.uneditable-input.span1{width:28px;}
|
||||
}@media(max-width:767px){body{padding-left:20px;padding-right:20px;}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;}
|
||||
.container-fluid{padding:0;}.dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;}
|
||||
.dl-horizontal dd{margin-left:0;}.container{width:auto;}.row-fluid{width:100%;}.row,.thumbnails{margin-left:0;}
|
||||
.thumbnails>li{float:none;margin-left:0;}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.row-fluid [class*="offset"]:first-child{margin-left:0;}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;}
|
||||
.controls-row [class*="span"]+[class*="span"]{margin-left:0;}.modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}
|
||||
.modal.fade{top:-100px;}.modal.fade.in{top:20px;}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0);}
|
||||
.page-header h1 small{display:block;line-height:20px;}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;}
|
||||
.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;}
|
||||
.form-horizontal .controls{margin-left:0;}.form-horizontal .control-list{padding-top:0;}
|
||||
.form-horizontal .form-actions{padding-left:10px;padding-right:10px;}.media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;}
|
||||
.media-object{margin-right:0;margin-left:0;}.modal{top:10px;left:10px;right:10px;}
|
||||
.modal-header .close{padding:10px;margin:-10px;}.carousel-caption{position:static;}
|
||||
}@media(max-width:979px){body{padding-top:0;}.navbar-fixed-top,.navbar-fixed-bottom{position:static;}
|
||||
.navbar-fixed-top{margin-bottom:20px;}.navbar-fixed-bottom{margin-top:20px;}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;}
|
||||
.navbar .container{width:auto;padding:0;}.navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;}
|
||||
.nav-collapse{clear:both;}.nav-collapse .nav{float:none;margin:0 0 10px;}.nav-collapse .nav>li{float:none;}
|
||||
.nav-collapse .nav>li>a{margin-bottom:2px;}.nav-collapse .nav>.divider-vertical{display:none;}
|
||||
.nav-collapse .nav .nav-header{color:#777;text-shadow:none;}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;}
|
||||
.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px;}
|
||||
.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2;}
|
||||
.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999;}
|
||||
.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111;}
|
||||
.nav-collapse.in .btn-group{margin-top:5px;padding:0;}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;}
|
||||
.nav-collapse .open>.dropdown-menu{display:block;}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;}
|
||||
.nav-collapse .dropdown-menu .divider{display:none;}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none;}
|
||||
.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
|
||||
.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111;}
|
||||
.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;}.nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;}
|
||||
.navbar .btn-navbar{display:block;}.navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}
|
||||
}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important;}}
|
||||
@@ -1,858 +0,0 @@
|
||||
/*!* Bootstrap v2.3.1 * * Copyright 2012 Twitter,Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}
|
||||
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}.clearfix:after{clear:both;}
|
||||
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
|
||||
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
|
||||
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}
|
||||
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
a:hover,a:active{outline:0;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}sub{bottom:-0.25em;}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
|
||||
#map_canvas img,.google-maps img{max-width:none;}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
|
||||
button,input{*overflow:visible;line-height:normal;}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
|
||||
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
|
||||
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
|
||||
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
|
||||
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important;}
|
||||
a,a:visited{text-decoration:underline;}a[href]:after{content:"(" attr(href) ")";}
|
||||
abbr[title]:after{content:"(" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
|
||||
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}
|
||||
tr,img{page-break-inside:avoid;}img{max-width:100%!important;}@page{margin:.5cm;}
|
||||
p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff;}
|
||||
a{color:#08c;text-decoration:none;}a:hover,a:focus{color:#005580;text-decoration:underline;}
|
||||
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);}
|
||||
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
|
||||
.row:after{clear:both;}[class*="span"]{float:left;min-height:1px;margin-left:20px;}
|
||||
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
|
||||
.span12{width:940px;}.span11{width:860px;}.span10{width:780px;}.span9{width:700px;}
|
||||
.span8{width:620px;}.span7{width:540px;}.span6{width:460px;}.span5{width:380px;}
|
||||
.span4{width:300px;}.span3{width:220px;}.span2{width:140px;}.span1{width:60px;}.offset12{margin-left:980px;}
|
||||
.offset11{margin-left:900px;}.offset10{margin-left:820px;}.offset9{margin-left:740px;}
|
||||
.offset8{margin-left:660px;}.offset7{margin-left:580px;}.offset6{margin-left:500px;}
|
||||
.offset5{margin-left:420px;}.offset4{margin-left:340px;}.offset3{margin-left:260px;}
|
||||
.offset2{margin-left:180px;}.offset1{margin-left:100px;}.row-fluid{width:100%;*zoom:1;}
|
||||
.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}
|
||||
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
|
||||
.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
|
||||
.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
|
||||
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
|
||||
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
|
||||
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
|
||||
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
|
||||
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
|
||||
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
|
||||
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
|
||||
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
|
||||
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
|
||||
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
|
||||
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
|
||||
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
|
||||
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
|
||||
.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
|
||||
.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
|
||||
.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
|
||||
.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
|
||||
.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
|
||||
.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
|
||||
.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
|
||||
.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
|
||||
.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
|
||||
.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
|
||||
.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
|
||||
.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
|
||||
.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
|
||||
.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
|
||||
.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
|
||||
.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
|
||||
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}
|
||||
.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;}
|
||||
.container:after{clear:both;}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}
|
||||
.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
|
||||
.container-fluid:after{clear:both;}p{margin:0 0 10px;}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px;}
|
||||
small{font-size:85%;}strong{font-weight:bold;}em{font-style:italic;}cite{font-style:normal;}
|
||||
.muted{color:#999;}a.muted:hover,a.muted:focus{color:#808080;}.text-warning{color:#c09853;}
|
||||
a.text-warning:hover,a.text-warning:focus{color:#a47e3c;}.text-error{color:#b94a48;}
|
||||
a.text-error:hover,a.text-error:focus{color:#953b39;}.text-info{color:#3a87ad;}a.text-info:hover,a.text-info:focus{color:#2d6987;}
|
||||
.text-success{color:#468847;}a.text-success:hover,a.text-success:focus{color:#356635;}
|
||||
.text-left{text-align:left;}.text-right{text-align:right;}.text-center{text-align:center;}
|
||||
h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}
|
||||
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999;}
|
||||
h1,h2,h3{line-height:40px;}h1{font-size:38.5px;}h2{font-size:31.5px;}h3{font-size:24.5px;}
|
||||
h4{font-size:17.5px;}h5{font-size:14px;}h6{font-size:11.9px;}h1 small{font-size:24.5px;}
|
||||
h2 small{font-size:17.5px;}h3 small{font-size:14px;}h4 small{font-size:14px;}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee;}
|
||||
ul,ol{padding:0;margin:0 0 10px 25px;}ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}li{line-height:20px;}
|
||||
ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}ul.inline,ol.inline{margin-left:0;list-style:none;}
|
||||
ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px;}
|
||||
dl{margin-bottom:20px;}dt,dd{line-height:20px;}dt{font-weight:bold;}dd{margin-left:10px;}
|
||||
.dl-horizontal{*zoom:1;}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;}
|
||||
.dl-horizontal:after{clear:both;}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||||
.dl-horizontal dd{margin-left:180px;}hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;}
|
||||
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999;}
|
||||
abbr.initialism{font-size:90%;text-transform:uppercase;}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee;}
|
||||
blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25;}
|
||||
blockquote small{display:block;line-height:20px;color:#999;}blockquote small:before{content:'\2014 \00A0';}
|
||||
blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;}
|
||||
blockquote.pull-right p,blockquote.pull-right small{text-align:right;}blockquote.pull-right small:before{content:'';}
|
||||
blockquote.pull-right small:after{content:'\00A0 \2014';}q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;}code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333;}
|
||||
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;}
|
||||
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);}
|
||||
pre.prettyprint{margin-bottom:20px;}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}
|
||||
.pre-scrollable{max-height:340px;overflow-y:scroll;}form{margin:0 0 20px;}fieldset{padding:0;margin:0;border:0;}
|
||||
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5;}
|
||||
legend small{font-size:15px;color:#999;}label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;}
|
||||
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
|
||||
label{display:block;margin-bottom:5px;}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;}
|
||||
input,textarea,.uneditable-input{width:206px;}textarea{height:auto;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;}
|
||||
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;}
|
||||
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;}
|
||||
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
|
||||
select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px;}select{width:220px;border:1px solid #ccc;background-color:#fff;}
|
||||
select[multiple],select[size]{height:auto;}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
.uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;cursor:not-allowed;}
|
||||
.uneditable-input{overflow:hidden;white-space:nowrap;}.uneditable-textarea{width:auto;height:auto;}
|
||||
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}
|
||||
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
|
||||
.radio,.checkbox{min-height:20px;padding-left:20px;}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px;}
|
||||
.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
|
||||
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
|
||||
.input-mini{width:60px;}.input-small{width:90px;}.input-medium{width:150px;}.input-large{width:210px;}
|
||||
.input-xlarge{width:270px;}.input-xxlarge{width:530px;}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
|
||||
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;}
|
||||
input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:926px;}input.span11,textarea.span11,.uneditable-input.span11{width:846px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:766px;}input.span9,textarea.span9,.uneditable-input.span9{width:686px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:606px;}input.span7,textarea.span7,.uneditable-input.span7{width:526px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:446px;}input.span5,textarea.span5,.uneditable-input.span5{width:366px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:286px;}input.span3,textarea.span3,.uneditable-input.span3{width:206px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:126px;}input.span1,textarea.span1,.uneditable-input.span1{width:46px;}
|
||||
.controls-row{*zoom:1;}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0;}
|
||||
.controls-row:after{clear:both;}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left;}
|
||||
.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px;}
|
||||
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee;}
|
||||
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}
|
||||
.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
|
||||
.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;}
|
||||
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
|
||||
.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
|
||||
.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;}
|
||||
.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
|
||||
.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
|
||||
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;}
|
||||
.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
|
||||
.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad;}
|
||||
.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad;}
|
||||
.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
|
||||
input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b;}
|
||||
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;}
|
||||
.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}
|
||||
.form-actions:before,.form-actions:after{display:table;content:"";line-height:0;}
|
||||
.form-actions:after{clear:both;}.help-block,.help-inline{color:#595959;}.help-block{display:block;margin-bottom:10px;}
|
||||
.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
|
||||
.input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap;}
|
||||
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px;}
|
||||
.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;}
|
||||
.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}
|
||||
.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc;}
|
||||
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;}
|
||||
.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
|
||||
.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;}
|
||||
.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;}
|
||||
.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;}
|
||||
.input-prepend.input-append .btn-group:first-child{margin-left:0;}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;}
|
||||
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}
|
||||
.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block;}
|
||||
.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;}
|
||||
.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
|
||||
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
|
||||
.control-group{margin-bottom:10px;}legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate;}
|
||||
.form-horizontal .control-group{margin-bottom:20px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}
|
||||
.form-horizontal .control-group:after{clear:both;}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}
|
||||
.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}
|
||||
.form-horizontal .controls:first-child{*padding-left:180px;}.form-horizontal .help-block{margin-bottom:0;}
|
||||
.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px;}
|
||||
.form-horizontal .form-actions{padding-left:180px;}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
|
||||
.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd;}
|
||||
.table th{font-weight:bold;}.table thead th{vertical-align:bottom;}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
|
||||
.table tbody+tbody{border-top:2px solid #ddd;}.table .table{background-color:#fff;}
|
||||
.table-condensed th,.table-condensed td{padding:4px 5px;}.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;}
|
||||
.table-bordered th,.table-bordered td{border-left:1px solid #ddd;}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
|
||||
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
|
||||
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}
|
||||
table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}
|
||||
.table td.span1,.table th.span1{float:none;width:44px;margin-left:0;}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0;}
|
||||
.table td.span3,.table th.span3{float:none;width:204px;margin-left:0;}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0;}
|
||||
.table td.span5,.table th.span5{float:none;width:364px;margin-left:0;}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0;}
|
||||
.table td.span7,.table th.span7{float:none;width:524px;margin-left:0;}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0;}
|
||||
.table td.span9,.table th.span9{float:none;width:684px;margin-left:0;}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0;}
|
||||
.table td.span11,.table th.span11{float:none;width:844px;margin-left:0;}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0;}
|
||||
.table tbody tr.success>td{background-color:#dff0d8;}.table tbody tr.error>td{background-color:#f2dede;}
|
||||
.table tbody tr.warning>td{background-color:#fcf8e3;}.table tbody tr.info>td{background-color:#d9edf7;}
|
||||
.table-hover tbody tr.success:hover>td{background-color:#d0e9c6;}.table-hover tbody tr.error:hover>td{background-color:#ebcccc;}
|
||||
.table-hover tbody tr.warning:hover>td{background-color:#faf2cc;}.table-hover tbody tr.info:hover>td{background-color:#c4e3f3;}
|
||||
/*!* Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons,examples,and documentation * can be found at:http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS,LESS,and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0,but much appreciated:* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email:dave@davegandy.com * Twitter:http://twitter.com/fortaweso_me * Work:Lead Product Designer @ http://kyruus.com */ @font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.0.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');font-weight:normal;font-style:normal;}
|
||||
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0;}
|
||||
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
|
||||
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{display:inline-block;}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
|
||||
.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline;}
|
||||
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
|
||||
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
|
||||
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
|
||||
li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center;}
|
||||
li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em;}
|
||||
ul.icons{list-style-type:none;text-indent:-0.75em;}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em;}
|
||||
.icon-muted{color:#eee;}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.pull-right{float:right;}.pull-left{float:left;}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
|
||||
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
|
||||
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
|
||||
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
|
||||
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
|
||||
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
|
||||
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
|
||||
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
|
||||
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}
|
||||
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}
|
||||
}@-o-keyframes spin{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(359deg);}
|
||||
}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}
|
||||
}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}@-moz-document url-prefix(){.icon-spin{height:.9em;}
|
||||
.btn .icon-spin{height:auto;}.icon-spin.icon-large{height:1.25em;}.btn .icon-spin.icon-large{height:.75em;}
|
||||
}.icon-glass:before{content:"\f000";}.icon-music:before{content:"\f001";}.icon-search:before{content:"\f002";}
|
||||
.icon-envelope:before{content:"\f003";}.icon-heart:before{content:"\f004";}.icon-star:before{content:"\f005";}
|
||||
.icon-star-empty:before{content:"\f006";}.icon-user:before{content:"\f007";}.icon-film:before{content:"\f008";}
|
||||
.icon-th-large:before{content:"\f009";}.icon-th:before{content:"\f00a";}.icon-th-list:before{content:"\f00b";}
|
||||
.icon-ok:before{content:"\f00c";}.icon-remove:before{content:"\f00d";}.icon-zoom-in:before{content:"\f00e";}
|
||||
.icon-zoom-out:before{content:"\f010";}.icon-off:before{content:"\f011";}.icon-signal:before{content:"\f012";}
|
||||
.icon-cog:before{content:"\f013";}.icon-trash:before{content:"\f014";}.icon-home:before{content:"\f015";}
|
||||
.icon-file:before{content:"\f016";}.icon-time:before{content:"\f017";}.icon-road:before{content:"\f018";}
|
||||
.icon-download-alt:before{content:"\f019";}.icon-download:before{content:"\f01a";}
|
||||
.icon-upload:before{content:"\f01b";}.icon-inbox:before{content:"\f01c";}.icon-play-circle:before{content:"\f01d";}
|
||||
.icon-repeat:before{content:"\f01e";}.icon-refresh:before{content:"\f021";}.icon-list-alt:before{content:"\f022";}
|
||||
.icon-lock:before{content:"\f023";}.icon-flag:before{content:"\f024";}.icon-headphones:before{content:"\f025";}
|
||||
.icon-volume-off:before{content:"\f026";}.icon-volume-down:before{content:"\f027";}
|
||||
.icon-volume-up:before{content:"\f028";}.icon-qrcode:before{content:"\f029";}.icon-barcode:before{content:"\f02a";}
|
||||
.icon-tag:before{content:"\f02b";}.icon-tags:before{content:"\f02c";}.icon-book:before{content:"\f02d";}
|
||||
.icon-bookmark:before{content:"\f02e";}.icon-print:before{content:"\f02f";}.icon-camera:before{content:"\f030";}
|
||||
.icon-font:before{content:"\f031";}.icon-bold:before{content:"\f032";}.icon-italic:before{content:"\f033";}
|
||||
.icon-text-height:before{content:"\f034";}.icon-text-width:before{content:"\f035";}
|
||||
.icon-align-left:before{content:"\f036";}.icon-align-center:before{content:"\f037";}
|
||||
.icon-align-right:before{content:"\f038";}.icon-align-justify:before{content:"\f039";}
|
||||
.icon-list:before{content:"\f03a";}.icon-indent-left:before{content:"\f03b";}.icon-indent-right:before{content:"\f03c";}
|
||||
.icon-facetime-video:before{content:"\f03d";}.icon-picture:before{content:"\f03e";}
|
||||
.icon-pencil:before{content:"\f040";}.icon-map-marker:before{content:"\f041";}.icon-adjust:before{content:"\f042";}
|
||||
.icon-tint:before{content:"\f043";}.icon-edit:before{content:"\f044";}.icon-share:before{content:"\f045";}
|
||||
.icon-check:before{content:"\f046";}.icon-move:before{content:"\f047";}.icon-step-backward:before{content:"\f048";}
|
||||
.icon-fast-backward:before{content:"\f049";}.icon-backward:before{content:"\f04a";}
|
||||
.icon-play:before{content:"\f04b";}.icon-pause:before{content:"\f04c";}.icon-stop:before{content:"\f04d";}
|
||||
.icon-forward:before{content:"\f04e";}.icon-fast-forward:before{content:"\f050";}
|
||||
.icon-step-forward:before{content:"\f051";}.icon-eject:before{content:"\f052";}.icon-chevron-left:before{content:"\f053";}
|
||||
.icon-chevron-right:before{content:"\f054";}.icon-plus-sign:before{content:"\f055";}
|
||||
.icon-minus-sign:before{content:"\f056";}.icon-remove-sign:before{content:"\f057";}
|
||||
.icon-ok-sign:before{content:"\f058";}.icon-question-sign:before{content:"\f059";}
|
||||
.icon-info-sign:before{content:"\f05a";}.icon-screenshot:before{content:"\f05b";}
|
||||
.icon-remove-circle:before{content:"\f05c";}.icon-ok-circle:before{content:"\f05d";}
|
||||
.icon-ban-circle:before{content:"\f05e";}.icon-arrow-left:before{content:"\f060";}
|
||||
.icon-arrow-right:before{content:"\f061";}.icon-arrow-up:before{content:"\f062";}
|
||||
.icon-arrow-down:before{content:"\f063";}.icon-share-alt:before{content:"\f064";}
|
||||
.icon-resize-full:before{content:"\f065";}.icon-resize-small:before{content:"\f066";}
|
||||
.icon-plus:before{content:"\f067";}.icon-minus:before{content:"\f068";}.icon-asterisk:before{content:"\f069";}
|
||||
.icon-exclamation-sign:before{content:"\f06a";}.icon-gift:before{content:"\f06b";}
|
||||
.icon-leaf:before{content:"\f06c";}.icon-fire:before{content:"\f06d";}.icon-eye-open:before{content:"\f06e";}
|
||||
.icon-eye-close:before{content:"\f070";}.icon-warning-sign:before{content:"\f071";}
|
||||
.icon-plane:before{content:"\f072";}.icon-calendar:before{content:"\f073";}.icon-random:before{content:"\f074";}
|
||||
.icon-comment:before{content:"\f075";}.icon-magnet:before{content:"\f076";}.icon-chevron-up:before{content:"\f077";}
|
||||
.icon-chevron-down:before{content:"\f078";}.icon-retweet:before{content:"\f079";}
|
||||
.icon-shopping-cart:before{content:"\f07a";}.icon-folder-close:before{content:"\f07b";}
|
||||
.icon-folder-open:before{content:"\f07c";}.icon-resize-vertical:before{content:"\f07d";}
|
||||
.icon-resize-horizontal:before{content:"\f07e";}.icon-bar-chart:before{content:"\f080";}
|
||||
.icon-twitter-sign:before{content:"\f081";}.icon-facebook-sign:before{content:"\f082";}
|
||||
.icon-camera-retro:before{content:"\f083";}.icon-key:before{content:"\f084";}.icon-cogs:before{content:"\f085";}
|
||||
.icon-comments:before{content:"\f086";}.icon-thumbs-up:before{content:"\f087";}.icon-thumbs-down:before{content:"\f088";}
|
||||
.icon-star-half:before{content:"\f089";}.icon-heart-empty:before{content:"\f08a";}
|
||||
.icon-signout:before{content:"\f08b";}.icon-linkedin-sign:before{content:"\f08c";}
|
||||
.icon-pushpin:before{content:"\f08d";}.icon-external-link:before{content:"\f08e";}
|
||||
.icon-signin:before{content:"\f090";}.icon-trophy:before{content:"\f091";}.icon-github-sign:before{content:"\f092";}
|
||||
.icon-upload-alt:before{content:"\f093";}.icon-lemon:before{content:"\f094";}.icon-phone:before{content:"\f095";}
|
||||
.icon-check-empty:before{content:"\f096";}.icon-bookmark-empty:before{content:"\f097";}
|
||||
.icon-phone-sign:before{content:"\f098";}.icon-twitter:before{content:"\f099";}.icon-facebook:before{content:"\f09a";}
|
||||
.icon-github:before{content:"\f09b";}.icon-unlock:before{content:"\f09c";}.icon-credit-card:before{content:"\f09d";}
|
||||
.icon-rss:before{content:"\f09e";}.icon-hdd:before{content:"\f0a0";}.icon-bullhorn:before{content:"\f0a1";}
|
||||
.icon-bell:before{content:"\f0a2";}.icon-certificate:before{content:"\f0a3";}.icon-hand-right:before{content:"\f0a4";}
|
||||
.icon-hand-left:before{content:"\f0a5";}.icon-hand-up:before{content:"\f0a6";}.icon-hand-down:before{content:"\f0a7";}
|
||||
.icon-circle-arrow-left:before{content:"\f0a8";}.icon-circle-arrow-right:before{content:"\f0a9";}
|
||||
.icon-circle-arrow-up:before{content:"\f0aa";}.icon-circle-arrow-down:before{content:"\f0ab";}
|
||||
.icon-globe:before{content:"\f0ac";}.icon-wrench:before{content:"\f0ad";}.icon-tasks:before{content:"\f0ae";}
|
||||
.icon-filter:before{content:"\f0b0";}.icon-briefcase:before{content:"\f0b1";}.icon-fullscreen:before{content:"\f0b2";}
|
||||
.icon-group:before{content:"\f0c0";}.icon-link:before{content:"\f0c1";}.icon-cloud:before{content:"\f0c2";}
|
||||
.icon-beaker:before{content:"\f0c3";}.icon-cut:before{content:"\f0c4";}.icon-copy:before{content:"\f0c5";}
|
||||
.icon-paper-clip:before{content:"\f0c6";}.icon-save:before{content:"\f0c7";}.icon-sign-blank:before{content:"\f0c8";}
|
||||
.icon-reorder:before{content:"\f0c9";}.icon-list-ul:before{content:"\f0ca";}.icon-list-ol:before{content:"\f0cb";}
|
||||
.icon-strikethrough:before{content:"\f0cc";}.icon-underline:before{content:"\f0cd";}
|
||||
.icon-table:before{content:"\f0ce";}.icon-magic:before{content:"\f0d0";}.icon-truck:before{content:"\f0d1";}
|
||||
.icon-pinterest:before{content:"\f0d2";}.icon-pinterest-sign:before{content:"\f0d3";}
|
||||
.icon-google-plus-sign:before{content:"\f0d4";}.icon-google-plus:before{content:"\f0d5";}
|
||||
.icon-money:before{content:"\f0d6";}.icon-caret-down:before{content:"\f0d7";}.icon-caret-up:before{content:"\f0d8";}
|
||||
.icon-caret-left:before{content:"\f0d9";}.icon-caret-right:before{content:"\f0da";}
|
||||
.icon-columns:before{content:"\f0db";}.icon-sort:before{content:"\f0dc";}.icon-sort-down:before{content:"\f0dd";}
|
||||
.icon-sort-up:before{content:"\f0de";}.icon-envelope-alt:before{content:"\f0e0";}
|
||||
.icon-linkedin:before{content:"\f0e1";}.icon-undo:before{content:"\f0e2";}.icon-legal:before{content:"\f0e3";}
|
||||
.icon-dashboard:before{content:"\f0e4";}.icon-comment-alt:before{content:"\f0e5";}
|
||||
.icon-comments-alt:before{content:"\f0e6";}.icon-bolt:before{content:"\f0e7";}.icon-sitemap:before{content:"\f0e8";}
|
||||
.icon-umbrella:before{content:"\f0e9";}.icon-paste:before{content:"\f0ea";}.icon-lightbulb:before{content:"\f0eb";}
|
||||
.icon-exchange:before{content:"\f0ec";}.icon-cloud-download:before{content:"\f0ed";}
|
||||
.icon-cloud-upload:before{content:"\f0ee";}.icon-user-md:before{content:"\f0f0";}
|
||||
.icon-stethoscope:before{content:"\f0f1";}.icon-suitcase:before{content:"\f0f2";}
|
||||
.icon-bell-alt:before{content:"\f0f3";}.icon-coffee:before{content:"\f0f4";}.icon-food:before{content:"\f0f5";}
|
||||
.icon-file-alt:before{content:"\f0f6";}.icon-building:before{content:"\f0f7";}.icon-hospital:before{content:"\f0f8";}
|
||||
.icon-ambulance:before{content:"\f0f9";}.icon-medkit:before{content:"\f0fa";}.icon-fighter-jet:before{content:"\f0fb";}
|
||||
.icon-beer:before{content:"\f0fc";}.icon-h-sign:before{content:"\f0fd";}.icon-plus-sign-alt:before{content:"\f0fe";}
|
||||
.icon-double-angle-left:before{content:"\f100";}.icon-double-angle-right:before{content:"\f101";}
|
||||
.icon-double-angle-up:before{content:"\f102";}.icon-double-angle-down:before{content:"\f103";}
|
||||
.icon-angle-left:before{content:"\f104";}.icon-angle-right:before{content:"\f105";}
|
||||
.icon-angle-up:before{content:"\f106";}.icon-angle-down:before{content:"\f107";}
|
||||
.icon-desktop:before{content:"\f108";}.icon-laptop:before{content:"\f109";}.icon-tablet:before{content:"\f10a";}
|
||||
.icon-mobile-phone:before{content:"\f10b";}.icon-circle-blank:before{content:"\f10c";}
|
||||
.icon-quote-left:before{content:"\f10d";}.icon-quote-right:before{content:"\f10e";}
|
||||
.icon-spinner:before{content:"\f110";}.icon-circle:before{content:"\f111";}.icon-reply:before{content:"\f112";}
|
||||
.icon-github-alt:before{content:"\f113";}.icon-folder-close-alt:before{content:"\f114";}
|
||||
.icon-folder-open-alt:before{content:"\f115";}/*!* Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons,examples,and documentation * can be found at:http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS,LESS,and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0,but much appreciated:* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email:dave@davegandy.com * Twitter:http://twitter.com/fortaweso_me * Work:Lead Product Designer @ http://kyruus.com */ .icon-large{font-size:1.3333333333333333em;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;vertical-align:middle;}
|
||||
.nav [class^="icon-"],.nav [class*=" icon-"]{vertical-align:inherit;margin-top:-4px;padding-top:3px;margin-bottom:-4px;padding-bottom:3px;}
|
||||
.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%;}
|
||||
.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{line-height:.75em;margin-top:-7px;padding-top:5px;margin-bottom:-5px;padding-bottom:4px;}
|
||||
.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit;}
|
||||
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em;}
|
||||
a [class^="icon-"],a [class*=" icon-"]{cursor:pointer;}ul.icons{text-indent:-1.5em;margin-left:3em;}
|
||||
.icon-glass{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-music{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-search{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-envelope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-heart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-star{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-star-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-user{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-film{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-th-large{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-th{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-th-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-ok{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-remove{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-zoom-in{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-zoom-out{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-signal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cog{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-trash{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-home{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-file{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-time{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-road{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-download-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-inbox{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-play-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-repeat{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-refresh{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-list-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-lock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-flag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-headphones{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-volume-off{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-volume-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-volume-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-qrcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-barcode{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-tag{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-tags{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-book{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bookmark{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-print{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-camera{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-font{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bold{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-italic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-text-height{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-text-width{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-align-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-align-center{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-align-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-align-justify{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-list{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-indent-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-indent-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-facetime-video{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-picture{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-pencil{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-map-marker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-adjust{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-tint{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-edit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-share{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-check{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-move{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-step-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-fast-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-backward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-play{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-pause{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-stop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-fast-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-step-forward{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-eject{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-chevron-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-chevron-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-minus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-remove-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-ok-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-question-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-info-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-screenshot{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-remove-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-ok-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-ban-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-share-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-resize-full{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-resize-small{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-minus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-asterisk{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-exclamation-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-gift{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-leaf{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-fire{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-eye-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-eye-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-warning-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-plane{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-calendar{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-random{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-comment{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-magnet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-chevron-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-chevron-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-retweet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-shopping-cart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-folder-close{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-folder-open{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-resize-vertical{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-resize-horizontal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bar-chart{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-twitter-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-facebook-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-camera-retro{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-key{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cogs{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-comments{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-thumbs-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-thumbs-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-star-half{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-heart-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-signout{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-linkedin-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-pushpin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-external-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-signin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-trophy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-github-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-upload-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-lemon{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-check-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bookmark-empty{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-phone-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-twitter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-facebook{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-github{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-unlock{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-credit-card{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-rss{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hdd{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bullhorn{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bell{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-certificate{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hand-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hand-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hand-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hand-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle-arrow-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle-arrow-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle-arrow-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle-arrow-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-globe{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-wrench{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-tasks{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-filter{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-briefcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-fullscreen{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-group{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-link{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cloud{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-beaker{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cut{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-copy{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-paper-clip{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-save{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-sign-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-reorder{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-list-ul{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-list-ol{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-strikethrough{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-underline{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-table{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-magic{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-truck{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-pinterest{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-pinterest-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-google-plus-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-google-plus{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-money{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-caret-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-caret-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-caret-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-caret-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-columns{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-sort{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-sort-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-sort-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-envelope-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-linkedin{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-undo{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-legal{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-dashboard{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-comment-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-comments-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bolt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-sitemap{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-umbrella{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-paste{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-lightbulb{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-exchange{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cloud-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-cloud-upload{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-user-md{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-stethoscope{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-suitcase{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-bell-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-coffee{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-food{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-file-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-building{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-hospital{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-ambulance{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-medkit{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-fighter-jet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-beer{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-h-sign{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-plus-sign-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-double-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-double-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-double-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-double-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-angle-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-angle-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-angle-up{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-angle-down{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-desktop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-laptop{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-tablet{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-mobile-phone{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle-blank{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-quote-left{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-quote-right{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-spinner{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-circle{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-reply{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-github-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-folder-close-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.icon-folder-open-alt{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
|
||||
.dropup,.dropdown{position:relative;}.dropdown-toggle{*margin-bottom:-3px;}.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
|
||||
.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";}
|
||||
.dropdown .caret{margin-top:8px;margin-left:2px;}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
|
||||
.dropdown-menu.pull-right{right:0;left:auto;}.dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff;}
|
||||
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333;white-space:nowrap;}
|
||||
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{text-decoration:none;color:#fff;background-color:#0081c2;}
|
||||
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#0081c2;}
|
||||
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999;}
|
||||
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:default;}
|
||||
.open{*z-index:1000;}.open>.dropdown-menu{display:block;}.pull-right>.dropdown-menu{right:0;left:auto;}
|
||||
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:"";}
|
||||
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
|
||||
.dropdown-submenu{position:relative;}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;}
|
||||
.dropdown-submenu:hover>.dropdown-menu{display:block;}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;}
|
||||
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px;}
|
||||
.dropdown-submenu:hover>a:after{border-left-color:#fff;}.dropdown-submenu.pull-left{float:none;}
|
||||
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px;}
|
||||
.typeahead{z-index:1051;margin-top:2px;}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;}
|
||||
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15);}.well-large{padding:24px;}
|
||||
.well-small{padding:9px;}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;}
|
||||
.fade.in{opacity:1;}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease;}
|
||||
.collapse.in{height:auto;}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);}
|
||||
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40);}
|
||||
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
|
||||
.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;*margin-left:.3em;}
|
||||
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9;}
|
||||
.btn:active,.btn.active{background-color:#ccc \9;}.btn:first-child{*margin-left:0;}
|
||||
.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;}
|
||||
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
.btn.active,.btn:active{background-image:none;outline:0;}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);}
|
||||
.btn-large{padding:11px 19px;font-size:17.5px;}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;}
|
||||
.btn-small{padding:2px 10px;font-size:11.9px;}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;}
|
||||
.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;}.btn-mini{padding:0 6px;font-size:10.5px;}
|
||||
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.btn-block+.btn-block{margin-top:5px;}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;}
|
||||
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75);}
|
||||
.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;border-color:#04c #0044cc #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3;}
|
||||
.btn-primary:active,.btn-primary.active{background-color:#039 \9;}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#faa732;border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f89406;*background-color:#df8505;}
|
||||
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#bd362f;*background-color:#a9302a;}
|
||||
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#51a351;*background-color:#499249;}
|
||||
.btn-success:active,.btn-success.active{background-color:#408140 \9;}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#49afcd;border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#2f96b4;*background-color:#2a85a0;}
|
||||
.btn-info:active,.btn-info.active{background-color:#24748c \9;}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#363636;border-color:#222 #222222 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#222;*background-color:#151515;}
|
||||
.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}
|
||||
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;}
|
||||
button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;}
|
||||
button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;}
|
||||
.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;}
|
||||
.btn-link{border-color:transparent;cursor:pointer;color:#08c;}.btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent;}
|
||||
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333;text-decoration:none;}
|
||||
.btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em;}
|
||||
.btn-group:first-child{*margin-left:0;}.btn-group+.btn-group{margin-left:5px;}.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px;}
|
||||
.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group{margin-left:5px;}
|
||||
.btn-group>.btn{position:relative;}.btn-group>.btn+.btn{margin-left:-1px;}.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{font-size:14px;}
|
||||
.btn-group>.btn-mini{font-size:10.5px;}.btn-group>.btn-small{font-size:11.9px;}.btn-group>.btn-large{font-size:17.5px;}
|
||||
.btn-group>.btn:first-child{margin-left:0;}.btn-group>.btn.large:first-child{margin-left:0;}
|
||||
.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2;}
|
||||
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);*padding-top:5px;*padding-bottom:5px;}
|
||||
.btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px;*padding-top:2px;*padding-bottom:2px;}
|
||||
.btn-group>.btn-small+.dropdown-toggle{*padding-top:5px;*padding-bottom:4px;}.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px;*padding-top:7px;*padding-bottom:7px;}
|
||||
.btn-group.open .dropdown-toggle{background-image:none;}.btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;}
|
||||
.btn-group.open .btn-primary.dropdown-toggle{background-color:#04c;}.btn-group.open .btn-warning.dropdown-toggle{background-color:#f89406;}
|
||||
.btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f;}.btn-group.open .btn-success.dropdown-toggle{background-color:#51a351;}
|
||||
.btn-group.open .btn-info.dropdown-toggle{background-color:#2f96b4;}.btn-group.open .btn-inverse.dropdown-toggle{background-color:#222;}
|
||||
.btn .caret{margin-top:8px;margin-left:0;}.btn-large .caret{margin-top:6px;}.btn-large .caret{border-left-width:5px;border-right-width:5px;border-top-width:5px;}
|
||||
.btn-mini .caret,.btn-small .caret{margin-top:8px;}.dropup .btn-large .caret{border-bottom-width:5px;}
|
||||
.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#fff;border-bottom-color:#fff;}
|
||||
.btn-group-vertical{display:inline-block;*display:inline;*zoom:1;}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;}
|
||||
.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px;}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;}
|
||||
.alert,.alert h4{color:#c09853;}.alert h4{margin:0;}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
|
||||
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}.alert-success h4{color:#468847;}
|
||||
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
|
||||
.alert-danger h4,.alert-error h4{color:#b94a48;}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
|
||||
.alert-info h4{color:#3a87ad;}.alert-block{padding-top:14px;padding-bottom:14px;}
|
||||
.alert-block>p,.alert-block>ul{margin-bottom:0;}.alert-block p+p{margin-top:5px;}
|
||||
.nav{margin-left:0;margin-bottom:20px;list-style:none;}.nav>li>a{display:block;}
|
||||
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee;}.nav>li>a>img{max-width:none;}
|
||||
.nav>.pull-right{float:right;}.nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-transform:uppercase;}
|
||||
.nav li+.nav-header{margin-top:9px;}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;}
|
||||
.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
|
||||
.nav-list>li>a{padding:3px 15px;}.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);background-color:#08c;}
|
||||
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{margin-right:2px;}.nav-list .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #fff;}
|
||||
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
|
||||
.nav-tabs:after,.nav-pills:after{clear:both;}.nav-tabs>li,.nav-pills>li{float:left;}
|
||||
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
|
||||
.nav-tabs{border-bottom:1px solid #ddd;}.nav-tabs>li{margin-bottom:-1px;}.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;}
|
||||
.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eee #eeeeee #ddd;}.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;}
|
||||
.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#fff;background-color:#08c;}
|
||||
.nav-stacked>li{float:none;}.nav-stacked>li>a{margin-right:0;}.nav-tabs.nav-stacked{border-bottom:0;}
|
||||
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;}.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2;}
|
||||
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
|
||||
.nav .dropdown-toggle .caret{border-top-color:#08c;border-bottom-color:#08c;margin-top:6px;}
|
||||
.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#005580;border-bottom-color:#005580;}
|
||||
.nav-tabs .dropdown-toggle .caret{margin-top:8px;}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
|
||||
.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555;}
|
||||
.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer;}.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#fff;background-color:#999;border-color:#999;}
|
||||
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1;filter:alpha(opacity=100);}
|
||||
.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999;}.tabbable{*zoom:1;}
|
||||
.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}.tabbable:after{clear:both;}
|
||||
.tab-content{overflow:auto;}.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
|
||||
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}.tab-content>.active,.pill-content>.active{display:block;}
|
||||
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
|
||||
.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
|
||||
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
|
||||
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
|
||||
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}.tabs-left>.nav-tabs>li>a{margin-right:-1px;}
|
||||
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #dddddd #eee #eeeeee;}
|
||||
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#fff;}
|
||||
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}.tabs-right>.nav-tabs>li>a{margin-left:-1px;}
|
||||
.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eeeeee #eee #dddddd;}
|
||||
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#fff;}
|
||||
.nav>.disabled>a{color:#999;}.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default;}
|
||||
.navbar{overflow:visible;margin-bottom:20px;*position:relative;*z-index:2;}.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#fafafa;border:1px solid #d4d4d4;*zoom:1;}
|
||||
.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;}
|
||||
.navbar-inner:after{clear:both;}.navbar .container{width:auto;}.nav-collapse.collapse{height:auto;overflow:visible;}
|
||||
.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff;}
|
||||
.navbar .brand:hover,.navbar .brand:focus{text-decoration:none;}.navbar-text{margin-bottom:0;line-height:40px;color:#777;}
|
||||
.navbar-link{color:#777;}.navbar-link:hover,.navbar-link:focus{color:#333;}.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #fff;}
|
||||
.navbar .btn,.navbar .btn-group{margin-top:5px;}.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group{margin-top:0;}
|
||||
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0;}
|
||||
.navbar-form:after{clear:both;}.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
|
||||
.navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0;}
|
||||
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
|
||||
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap;}
|
||||
.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
|
||||
.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0;}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;}
|
||||
.navbar-static-top{position:static;margin-bottom:0;}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;}
|
||||
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;}
|
||||
.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0;}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;}
|
||||
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
|
||||
.navbar-fixed-top{top:0;}.navbar-fixed-bottom{bottom:0;}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
|
||||
.navbar .nav.pull-right{float:right;margin-right:0;}.navbar .nav>li{float:left;}
|
||||
.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;text-shadow:0 1px 0 #fff;}
|
||||
.navbar .nav .dropdown-toggle .caret{margin-top:8px;}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#333;text-decoration:none;}
|
||||
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#555;text-decoration:none;background-color:#e5e5e5;}
|
||||
.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#ededed;border-color:#e5e5e5 #e5e5e5 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e5e5e5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{color:#fff;background-color:#e5e5e5;*background-color:#d9d9d9;}
|
||||
.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ccc \9;}
|
||||
.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;}
|
||||
.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}.navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:9px;}
|
||||
.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px;}
|
||||
.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0;bottom:-7px;top:auto;}
|
||||
.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #fff;border-bottom:0;bottom:-6px;top:auto;}
|
||||
.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333;}
|
||||
.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e5e5e5;color:#555;}
|
||||
.navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#777;border-bottom-color:#777;}
|
||||
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#555;border-bottom-color:#555;}
|
||||
.navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0;}
|
||||
.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px;}
|
||||
.navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px;}
|
||||
.navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;}
|
||||
.navbar-inverse .navbar-inner{background-color:#1b1b1b;border-color:#252525;}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999;text-shadow:0 -1px 0 rgba(0,0,0,0.25);}
|
||||
.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus{color:#fff;}
|
||||
.navbar-inverse .brand{color:#999;}.navbar-inverse .navbar-text{color:#999;}.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:transparent;color:#fff;}
|
||||
.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:#111;}
|
||||
.navbar-inverse .navbar-link{color:#999;}.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus{color:#fff;}
|
||||
.navbar-inverse .divider-vertical{border-left-color:#111;border-right-color:#222;}
|
||||
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111;color:#fff;}
|
||||
.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
|
||||
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#999;border-bottom-color:#999;}
|
||||
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
|
||||
.navbar-inverse .navbar-search .search-query{color:#fff;background-color:#515151;border-color:#111;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
|
||||
.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#ccc;}.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#ccc;}
|
||||
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#ccc;}
|
||||
.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333;text-shadow:0 1px 0 #fff;background-color:#fff;border:0;outline:0;}
|
||||
.navbar-inverse .btn-navbar{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e0e0e;border-color:#040404 #040404 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#040404;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
|
||||
.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#fff;background-color:#040404;*background-color:#000;}
|
||||
.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#000 \9;}
|
||||
.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;}
|
||||
.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #fff;}
|
||||
.breadcrumb>li>.divider{padding:0 5px;color:#ccc;}.breadcrumb>.active{color:#999;}
|
||||
.pagination{margin:20px 0;}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;}
|
||||
.pagination ul>li{display:inline;}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0;}
|
||||
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
|
||||
.pagination ul>.active>a,.pagination ul>.active>span{color:#999;cursor:default;}
|
||||
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;background-color:transparent;cursor:default;}
|
||||
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;}
|
||||
.pagination-centered{text-align:center;}.pagination-right{text-align:right;}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
|
||||
.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
|
||||
.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
|
||||
.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
|
||||
.pager:after{clear:both;}.pager li{display:inline;}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;}
|
||||
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
|
||||
.pager .next>a,.pager .next>span{float:right;}.pager .previous>a,.pager .previous>span{float:left;}
|
||||
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:default;}
|
||||
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
|
||||
.modal-backdrop.fade{opacity:0;}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80);}
|
||||
.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}
|
||||
.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%;}
|
||||
.modal.fade.in{top:10%;}.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}
|
||||
.modal-header .close{margin-top:2px;}.modal-header h3{margin:0;line-height:30px;}
|
||||
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}.modal-form{margin-bottom:0;}
|
||||
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;*zoom:1;}
|
||||
.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
|
||||
.modal-footer:after{clear:both;}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
|
||||
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}.modal-footer .btn-block+.btn-block{margin-left:0;}
|
||||
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}
|
||||
.tooltip.in{opacity:.8;filter:alpha(opacity=80);}.tooltip.top{margin-top:-3px;padding:5px 0;}
|
||||
.tooltip.right{margin-left:3px;padding:0 5px;}.tooltip.bottom{margin-top:3px;padding:5px 0;}
|
||||
.tooltip.left{margin-left:-3px;padding:0 5px;}.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;}
|
||||
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
|
||||
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;}
|
||||
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000;}
|
||||
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000;}
|
||||
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);white-space:normal;}
|
||||
.popover.top{margin-top:-10px;}.popover.right{margin-left:10px;}.popover.bottom{margin-top:10px;}
|
||||
.popover.left{margin-left:-10px;}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;}
|
||||
.popover-title:empty{display:none;}.popover-content{padding:9px 14px;}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
|
||||
.popover .arrow{border-width:11px;}.popover .arrow:after{border-width:10px;content:"";}
|
||||
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px;}
|
||||
.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff;}
|
||||
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);}
|
||||
.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff;}
|
||||
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px;}
|
||||
.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff;}
|
||||
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);}
|
||||
.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px;}
|
||||
.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;}
|
||||
.thumbnails:after{clear:both;}.row-fluid .thumbnails{margin-left:0;}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px;}
|
||||
.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
|
||||
a.thumbnail:hover,a.thumbnail:focus{border-color:#08c;}.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
|
||||
.thumbnail .caption{padding:9px;color:#555;}.media,.media-body{overflow:hidden;*overflow:visible;zoom:1;}
|
||||
.media,.media .media{margin-top:15px;}.media:first-child{margin-top:0;}.media-object{display:block;}
|
||||
.media-heading{margin:0 0 5px;}.media>.pull-left{margin-right:10px;}.media>.pull-right{margin-left:10px;}
|
||||
.media-list{margin-left:0;list-style:none;}.label,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999;}
|
||||
.badge{padding-left:9px;padding-right:9px;}.label:empty,.badge:empty{display:none;}
|
||||
a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer;}
|
||||
.label-important,.badge-important{background-color:#b94a48;}.label-important[href],.badge-important[href]{background-color:#953b39;}
|
||||
.label-warning,.badge-warning{background-color:#f89406;}.label-warning[href],.badge-warning[href]{background-color:#c67605;}
|
||||
.label-success,.badge-success{background-color:#468847;}.label-success[href],.badge-success[href]{background-color:#356635;}
|
||||
.label-info,.badge-info{background-color:#3a87ad;}.label-info[href],.badge-info[href]{background-color:#2d6987;}
|
||||
.label-inverse,.badge-inverse{background-color:#333;}.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}
|
||||
.btn .label,.btn .badge{position:relative;top:-1px;}.btn-mini .label,.btn-mini .badge{top:0;}
|
||||
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}
|
||||
}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}
|
||||
}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}
|
||||
}@-o-keyframes progress-bar-stripes{from{background-position:0 0;}to{background-position:40px 0;}
|
||||
}@keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}
|
||||
}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;}
|
||||
.progress .bar{width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
|
||||
.progress-striped .bar{background-color:#149bdf;-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
|
||||
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
|
||||
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;}
|
||||
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;}
|
||||
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;}
|
||||
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;}
|
||||
.accordion{margin-bottom:20px;}.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;}
|
||||
.accordion-heading{border-bottom:0;}.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
|
||||
.accordion-toggle{cursor:pointer;}.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
|
||||
.carousel{position:relative;margin-bottom:20px;line-height:1;}.carousel-inner{overflow:hidden;width:100%;position:relative;}
|
||||
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
|
||||
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
|
||||
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
|
||||
.carousel-inner>.active{left:0;}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
|
||||
.carousel-inner>.next{left:100%;}.carousel-inner>.prev{left:-100%;}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
|
||||
.carousel-inner>.active.left{left:-100%;}.carousel-inner>.active.right{left:100%;}
|
||||
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;opacity:.5;filter:alpha(opacity=50);}
|
||||
.carousel-control.right{left:auto;right:15px;}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90);}
|
||||
.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none;}
|
||||
.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);}
|
||||
.carousel-indicators .active{background-color:#fff;}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333;background:rgba(0,0,0,0.75);}
|
||||
.carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px;}.carousel-caption h4{margin:0 0 5px;}
|
||||
.carousel-caption p{margin-bottom:0;}.hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;}
|
||||
.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;}
|
||||
.hero-unit li{line-height:30px;}.pull-right{float:right;}.pull-left{float:left;}
|
||||
.hide{display:none;}.show{display:block;}.invisible{visibility:hidden;}.affix{position:fixed;}
|
||||
|
Before Width: | Height: | Size: 21 KiB |