├── images ├── s1.jpg ├── s2.jpg ├── s3.jpg ├── s4.jpg ├── logo.jpg ├── logo.png ├── banner1.jpg ├── banner2.jpg ├── banner3.jpg ├── banner4.jpg └── bg_play_pause.png ├── fonts ├── flexslider-icon.eot ├── flexslider-icon.ttf ├── flexslider-icon.woff └── flexslider-icon.svg ├── .gitattributes ├── .gitignore ├── reset.css ├── demo.html ├── css.css ├── flexslider.css └── jquery.flexslider-min.js /images/s1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/s1.jpg -------------------------------------------------------------------------------- /images/s2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/s2.jpg -------------------------------------------------------------------------------- /images/s3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/s3.jpg -------------------------------------------------------------------------------- /images/s4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/s4.jpg -------------------------------------------------------------------------------- /images/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/logo.jpg -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/logo.png -------------------------------------------------------------------------------- /images/banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/banner1.jpg -------------------------------------------------------------------------------- /images/banner2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/banner2.jpg -------------------------------------------------------------------------------- /images/banner3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/banner3.jpg -------------------------------------------------------------------------------- /images/banner4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/banner4.jpg -------------------------------------------------------------------------------- /fonts/flexslider-icon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/fonts/flexslider-icon.eot -------------------------------------------------------------------------------- /fonts/flexslider-icon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/fonts/flexslider-icon.ttf -------------------------------------------------------------------------------- /fonts/flexslider-icon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/fonts/flexslider-icon.woff -------------------------------------------------------------------------------- /images/bg_play_pause.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/calamus0427/banner/master/images/bg_play_pause.png -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Windows image file caches 2 | Thumbs.db 3 | ehthumbs.db 4 | 5 | # Folder config file 6 | Desktop.ini 7 | 8 | # Recycle Bin used on file shares 9 | $RECYCLE.BIN/ 10 | 11 | # Windows Installer files 12 | *.cab 13 | *.msi 14 | *.msm 15 | *.msp 16 | 17 | # Windows shortcuts 18 | *.lnk 19 | 20 | # ========================= 21 | # Operating System Files 22 | # ========================= 23 | 24 | # OSX 25 | # ========================= 26 | 27 | .DS_Store 28 | .AppleDouble 29 | .LSOverride 30 | 31 | # Thumbnails 32 | ._* 33 | 34 | # Files that might appear on external disk 35 | .Spotlight-V100 36 | .Trashes 37 | 38 | # Directories potentially created on remote AFP share 39 | .AppleDB 40 | .AppleDesktop 41 | Network Trash Folder 42 | Temporary Items 43 | .apdisk 44 | -------------------------------------------------------------------------------- /reset.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | /* 公共CSS */ 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | } 7 | .gradientBlueColor{ 8 | background: -moz-linear-gradient(#09F, #fff); 9 | background: -ms-linear-gradient(#09F, #fff); 10 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09F), color-stop(100%, #fff)); 11 | background: -webkit-linear-gradient(#09F, #fff); 12 | background: -o-linear-gradient(#09F, #fff); 13 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#fff'); 14 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#fff')"; 15 | background: linear-gradient(#fff, #09F);} 16 | .gradientBlueColorFade{ 17 | background: -moz-linear-gradient(#fff, #09F); 18 | background: -ms-linear-gradient(#fff, #09F); 19 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #09F)); 20 | background: -webkit-linear-gradient(#fff, #09F); 21 | background: -o-linear-gradient(#fff, #09F); 22 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#09F'); 23 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#09F')"; 24 | background: linear-gradient(#fff, #09F);} 25 | .borderRadius5px{border-radius:5px} 26 | .logobar{float:left;} 27 | .rightbar{float:right;} 28 | ul li{list-style-type:none;line-height:3;float:left;} 29 | a,a:hover{text-decoration:none; color:#333} -------------------------------------------------------------------------------- /fonts/flexslider-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 开发者平台 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 |
18 | 29 |
30 |
31 | 40 |
41 |
42 |
43 | 49 |
50 | 61 | 68 | 69 | -------------------------------------------------------------------------------- /css.css: -------------------------------------------------------------------------------- 1 | 2 | .container { 3 | margin: 0 auto; 4 | width: 100%; 5 | height:60px; 6 | } 7 | 8 | 9 | .menu, .menu ul { 10 | list-style: none; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | 15 | 16 | .menu { 17 | height: 60px; 18 | } 19 | .menu li { 20 | min-width: 160px; 21 | } 22 | .menu > li { 23 | display: block; 24 | float: left; 25 | position: relative; 26 | } 27 | .menu > li:first-child { 28 | border-radius: 5px 0 0; 29 | } 30 | .menu a { 31 | border-left: 3px solid rgba(0, 0, 0, 0); 32 | color: #808080; 33 | display: block; 34 | font-family: 'Lucida Console'; 35 | font-size: 18px; 36 | line-height: 54px; 37 | padding: 0 25px; 38 | text-decoration: none; 39 | text-transform: uppercase; 40 | } 41 | 42 | .menu li:hover { 43 | background: -moz-linear-gradient(#00F, #fff); 44 | background: -ms-linear-gradient(#00F, #fff); 45 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00F), color-stop(100%, #fff)); 46 | background: -webkit-linear-gradient(#00F, #fff); 47 | background: -o-linear-gradient(#00F, #fff); 48 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00F', endColorstr='#fff'); 49 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#06F', endColorstr='#fff')"; 50 | background: linear-gradient(#06F, #fff); 51 | border-radius:5px; 52 | border-left: 3px solid #009; 53 | height:60px; 54 | } 55 | .menu li:hover > a { 56 | color: #C4302B; 57 | } 58 | 59 | .submenu { 60 | left: 0; 61 | max-height: 0; 62 | position: absolute; 63 | top: 100%; 64 | z-index: 0; 65 | 66 | -webkit-perspective: 400px; 67 | -moz-perspective: 400px; 68 | -ms-perspective: 400px; 69 | -o-perspective: 400px; 70 | perspective: 400px; 71 | } 72 | .submenu li { 73 | opacity: 0; 74 | background: -moz-linear-gradient(#09F, #fff); 75 | background: -ms-linear-gradient(#09F, #fff); 76 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09F), color-stop(100%, #fff)); 77 | background: -webkit-linear-gradient(#09F, #fff); 78 | background: -o-linear-gradient(#09F, #fff); 79 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#fff'); 80 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#fff')"; 81 | background: linear-gradient(#09F, #fff); 82 | 83 | -webkit-transform: rotateY(90deg); 84 | -moz-transform: rotateY(90deg); 85 | -ms-transform: rotateY(90deg); 86 | -o-transform: rotateY(90deg); 87 | transform: rotateY(90deg); 88 | 89 | -webkit-transition: opacity .4s, -webkit-transform .5s; 90 | -moz-transition: opacity .4s, -moz-transform .5s; 91 | -ms-transition: opacity .4s, -ms-transform .5s; 92 | -o-transition: opacity .4s, -o-transform .5s; 93 | transition: opacity .4s, transform .5s; 94 | } 95 | .menu .submenu li:hover a { 96 | border-left: 1px solid #009; 97 | color: #ffffff; 98 | } 99 | .menu > li:hover .submenu, .menu > li:focus .submenu { 100 | max-height: 2000px; 101 | z-index: 10; 102 | } 103 | .menu > li:hover .submenu li, .menu > li:focus .submenu li { 104 | opacity: 1; 105 | 106 | -webkit-transform: none; 107 | -moz-transform: none; 108 | -ms-transform: none; 109 | -o-transform: none; 110 | transform: none; 111 | } 112 | 113 | .menu li:hover .submenu li:nth-child(1) { 114 | -webkit-transition-delay: 0s; 115 | -moz-transition-delay: 0s; 116 | -ms-transition-delay: 0s; 117 | -o-transition-delay: 0s; 118 | transition-delay: 0s; 119 | } 120 | .menu li:hover .submenu li:nth-child(2) { 121 | -webkit-transition-delay: 50ms; 122 | -moz-transition-delay: 50ms; 123 | -ms-transition-delay: 50ms; 124 | -o-transition-delay: 50ms; 125 | transition-delay: 50ms; 126 | } 127 | .menu li:hover .submenu li:nth-child(3) { 128 | -webkit-transition-delay: 100ms; 129 | -moz-transition-delay: 100ms; 130 | -ms-transition-delay: 100ms; 131 | -o-transition-delay: 100ms; 132 | transition-delay: 100ms; 133 | } 134 | .menu li:hover .submenu li:nth-child(4) { 135 | -webkit-transition-delay: 150ms; 136 | -moz-transition-delay: 150ms; 137 | -ms-transition-delay: 150ms; 138 | -o-transition-delay: 150ms; 139 | transition-delay: 150ms; 140 | } 141 | .menu li:hover .submenu li:nth-child(5) { 142 | -webkit-transition-delay: 200ms; 143 | -moz-transition-delay: 200ms; 144 | -ms-transition-delay: 200ms; 145 | -o-transition-delay: 200ms; 146 | transition-delay: 200ms; 147 | } 148 | 149 | 150 | .submenu li:nth-child(1) { 151 | -webkit-transition-delay: 200ms; 152 | -moz-transition-delay: 200ms; 153 | -ms-transition-delay: 200ms; 154 | -o-transition-delay: 200ms; 155 | transition-delay: 200ms; 156 | } 157 | .submenu li:nth-child(2) { 158 | -webkit-transition-delay: 150ms; 159 | -moz-transition-delay: 150ms; 160 | -ms-transition-delay: 150ms; 161 | -o-transition-delay: 150ms; 162 | transition-delay: 150ms; 163 | } 164 | .submenu li:nth-child(3) { 165 | -webkit-transition-delay: 100ms; 166 | -moz-transition-delay: 100ms; 167 | -ms-transition-delay: 100ms; 168 | -o-transition-delay: 100ms; 169 | transition-delay: 100ms; 170 | } 171 | .submenu li:nth-child(4) { 172 | -webkit-transition-delay: 50ms; 173 | -moz-transition-delay: 50ms; 174 | -ms-transition-delay: 50ms; 175 | -o-transition-delay: 50ms; 176 | transition-delay: 50ms; 177 | } 178 | .submenu li:nth-child(5) { 179 | -webkit-transition-delay: 0s; 180 | -moz-transition-delay: 0s; 181 | -ms-transition-delay: 0s; 182 | -o-transition-delay: 0s; 183 | transition-delay: 0s; 184 | } 185 | .footerlogo{padding-left:20%;float:left;} 186 | .friengUrl{margin-left:40%;line-height:60px;} -------------------------------------------------------------------------------- /flexslider.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery FlexSlider v2.6.1 3 | * http://www.woothemes.com/flexslider/ 4 | * 5 | * Copyright 2012 WooThemes 6 | * Free to use under the GPLv2 and later license. 7 | * http://www.gnu.org/licenses/gpl-2.0.html 8 | * 9 | * Contributing author: Tyler Smith (@mbmufffin) 10 | * 11 | */ 12 | /* ==================================================================================================================== 13 | * FONT-FACE 14 | * ====================================================================================================================*/ 15 | @font-face { 16 | font-family: 'flexslider-icon'; 17 | src: url('fonts/flexslider-icon.eot'); 18 | src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); 19 | font-weight: normal; 20 | font-style: normal; 21 | } 22 | /* ==================================================================================================================== 23 | * RESETS 24 | * ====================================================================================================================*/ 25 | .flex-container a:hover, 26 | .flex-slider a:hover { 27 | outline: none; 28 | } 29 | .slides, 30 | .slides > li, 31 | .flex-control-nav, 32 | .flex-direction-nav { 33 | margin: 0; 34 | padding: 0; 35 | list-style: none; 36 | } 37 | .flex-pauseplay span { 38 | text-transform: capitalize; 39 | } 40 | /* ==================================================================================================================== 41 | * BASE STYLES 42 | * ====================================================================================================================*/ 43 | .flexslider { 44 | margin: 0; 45 | padding: 0; 46 | } 47 | .flexslider .slides > li { 48 | display: none; 49 | -webkit-backface-visibility: hidden; 50 | } 51 | .flexslider .slides img { 52 | width: 100%; 53 | display: block; 54 | } 55 | .flexslider .slides:after { 56 | content: "\0020"; 57 | display: block; 58 | clear: both; 59 | visibility: hidden; 60 | line-height: 0; 61 | height: 0; 62 | } 63 | html[xmlns] .flexslider .slides { 64 | display: block; 65 | } 66 | * html .flexslider .slides { 67 | height: 1%; 68 | } 69 | .no-js .flexslider .slides > li:first-child { 70 | display: block; 71 | } 72 | /* ==================================================================================================================== 73 | * DEFAULT THEME 74 | * ====================================================================================================================*/ 75 | .flexslider { 76 | margin: 0 0 60px; 77 | background: #fff; 78 | border: 4px solid #fff; 79 | position: relative; 80 | zoom: 1; 81 | -webkit-border-radius: 4px; 82 | -moz-border-radius: 4px; 83 | border-radius: 4px; 84 | -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 85 | -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 86 | -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 87 | box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 88 | } 89 | .flexslider .slides { 90 | zoom: 1; 91 | } 92 | .flexslider .slides img { 93 | height: auto; 94 | -moz-user-select: none; 95 | } 96 | .flex-viewport { 97 | max-height: 2000px; 98 | -webkit-transition: all 1s ease; 99 | -moz-transition: all 1s ease; 100 | -ms-transition: all 1s ease; 101 | -o-transition: all 1s ease; 102 | transition: all 1s ease; 103 | } 104 | .loading .flex-viewport { 105 | max-height: 300px; 106 | } 107 | .carousel li { 108 | margin-right: 5px; 109 | } 110 | .flex-direction-nav { 111 | *height: 0; 112 | } 113 | .flex-direction-nav a { 114 | text-decoration: none; 115 | display: block; 116 | width: 40px; 117 | height: 40px; 118 | margin: -20px 0 0; 119 | position: absolute; 120 | top: 50%; 121 | z-index: 10; 122 | overflow: hidden; 123 | opacity: 0; 124 | cursor: pointer; 125 | color: rgba(0, 0, 0, 0.8); 126 | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 127 | -webkit-transition: all 0.3s ease-in-out; 128 | -moz-transition: all 0.3s ease-in-out; 129 | -ms-transition: all 0.3s ease-in-out; 130 | -o-transition: all 0.3s ease-in-out; 131 | transition: all 0.3s ease-in-out; 132 | } 133 | .flex-direction-nav a:before { 134 | font-family: "flexslider-icon"; 135 | font-size: 40px; 136 | display: inline-block; 137 | content: '\f001'; 138 | color: rgba(0, 0, 0, 0.8); 139 | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 140 | } 141 | .flex-direction-nav a.flex-next:before { 142 | content: '\f002'; 143 | } 144 | .flex-direction-nav .flex-prev { 145 | left: -50px; 146 | } 147 | .flex-direction-nav .flex-next { 148 | right: -50px; 149 | text-align: right; 150 | } 151 | .flexslider:hover .flex-direction-nav .flex-prev { 152 | opacity: 0.7; 153 | left: 10px; 154 | } 155 | .flexslider:hover .flex-direction-nav .flex-prev:hover { 156 | opacity: 1; 157 | } 158 | .flexslider:hover .flex-direction-nav .flex-next { 159 | opacity: 0.7; 160 | right: 10px; 161 | } 162 | .flexslider:hover .flex-direction-nav .flex-next:hover { 163 | opacity: 1; 164 | } 165 | .flex-direction-nav .flex-disabled { 166 | opacity: 0!important; 167 | filter: alpha(opacity=0); 168 | cursor: default; 169 | z-index: -1; 170 | } 171 | .flex-pauseplay a { 172 | display: block; 173 | width: 20px; 174 | height: 20px; 175 | position: absolute; 176 | bottom: 5px; 177 | left: 10px; 178 | opacity: 0.8; 179 | z-index: 10; 180 | overflow: hidden; 181 | cursor: pointer; 182 | color: #000; 183 | } 184 | .flex-pauseplay a:before { 185 | font-family: "flexslider-icon"; 186 | font-size: 20px; 187 | display: inline-block; 188 | content: '\f004'; 189 | } 190 | .flex-pauseplay a:hover { 191 | opacity: 1; 192 | } 193 | .flex-pauseplay a.flex-play:before { 194 | content: '\f003'; 195 | } 196 | .flex-control-nav { 197 | width: 100%; 198 | position: absolute; 199 | bottom: -40px; 200 | text-align: center; 201 | } 202 | .flex-control-nav li { 203 | margin: 0 6px; 204 | display: inline-block; 205 | zoom: 1; 206 | *display: inline; 207 | } 208 | .flex-control-paging li a { 209 | width: 11px; 210 | height: 11px; 211 | display: block; 212 | background: #666; 213 | background: rgba(0, 0, 0, 0.5); 214 | cursor: pointer; 215 | text-indent: -9999px; 216 | -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 217 | -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 218 | -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 219 | box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 220 | -webkit-border-radius: 20px; 221 | -moz-border-radius: 20px; 222 | border-radius: 20px; 223 | } 224 | .flex-control-paging li a:hover { 225 | background: #333; 226 | background: rgba(0, 0, 0, 0.7); 227 | } 228 | .flex-control-paging li a.flex-active { 229 | background: #000; 230 | background: rgba(0, 0, 0, 0.9); 231 | cursor: default; 232 | } 233 | .flex-control-thumbs { 234 | margin: 5px 0 0; 235 | position: static; 236 | overflow: hidden; 237 | } 238 | .flex-control-thumbs li { 239 | width: 25%; 240 | float: left; 241 | margin: 0; 242 | } 243 | .flex-control-thumbs img { 244 | width: 100%; 245 | height: auto; 246 | display: block; 247 | opacity: .7; 248 | cursor: pointer; 249 | -moz-user-select: none; 250 | -webkit-transition: all 1s ease; 251 | -moz-transition: all 1s ease; 252 | -ms-transition: all 1s ease; 253 | -o-transition: all 1s ease; 254 | transition: all 1s ease; 255 | } 256 | .flex-control-thumbs img:hover { 257 | opacity: 1; 258 | } 259 | .flex-control-thumbs .flex-active { 260 | opacity: 1; 261 | cursor: default; 262 | } 263 | /* ==================================================================================================================== 264 | * RESPONSIVE 265 | * ====================================================================================================================*/ 266 | @media screen and (max-width: 860px) { 267 | .flex-direction-nav .flex-prev { 268 | opacity: 1; 269 | left: 10px; 270 | } 271 | .flex-direction-nav .flex-next { 272 | opacity: 1; 273 | right: 10px; 274 | } 275 | } 276 | -------------------------------------------------------------------------------- /jquery.flexslider-min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery FlexSlider v2.6.1 3 | * Copyright 2012 WooThemes 4 | * Contributing Author: Tyler Smith 5 | */!function($){var e=!0;$.flexslider=function(t,a){var n=$(t);n.vars=$.extend({},$.flexslider.defaults,a);var i=n.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,r=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&n.vars.touch,o="click touchend MSPointerUp keyup",l="",c,d="vertical"===n.vars.direction,u=n.vars.reverse,v=n.vars.itemWidth>0,p="fade"===n.vars.animation,m=""!==n.vars.asNavFor,f={};$.data(t,"flexslider",n),f={init:function(){n.animating=!1,n.currentSlide=parseInt(n.vars.startAt?n.vars.startAt:0,10),isNaN(n.currentSlide)&&(n.currentSlide=0),n.animatingTo=n.currentSlide,n.atEnd=0===n.currentSlide||n.currentSlide===n.last,n.containerSelector=n.vars.selector.substr(0,n.vars.selector.search(" ")),n.slides=$(n.vars.selector,n),n.container=$(n.containerSelector,n),n.count=n.slides.length,n.syncExists=$(n.vars.sync).length>0,"slide"===n.vars.animation&&(n.vars.animation="swing"),n.prop=d?"top":"marginLeft",n.args={},n.manualPause=!1,n.stopped=!1,n.started=!1,n.startTimeout=null,n.transitions=!n.vars.video&&!p&&n.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var a in t)if(void 0!==e.style[t[a]])return n.pfx=t[a].replace("Perspective","").toLowerCase(),n.prop="-"+n.pfx+"-transform",!0;return!1}(),n.ensureAnimationEnd="",""!==n.vars.controlsContainer&&(n.controlsContainer=$(n.vars.controlsContainer).length>0&&$(n.vars.controlsContainer)),""!==n.vars.manualControls&&(n.manualControls=$(n.vars.manualControls).length>0&&$(n.vars.manualControls)),""!==n.vars.customDirectionNav&&(n.customDirectionNav=2===$(n.vars.customDirectionNav).length&&$(n.vars.customDirectionNav)),n.vars.randomize&&(n.slides.sort(function(){return Math.round(Math.random())-.5}),n.container.empty().append(n.slides)),n.doMath(),n.setup("init"),n.vars.controlNav&&f.controlNav.setup(),n.vars.directionNav&&f.directionNav.setup(),n.vars.keyboard&&(1===$(n.containerSelector).length||n.vars.multipleKeyboard)&&$(document).bind("keyup",function(e){var t=e.keyCode;if(!n.animating&&(39===t||37===t)){var a=39===t?n.getTarget("next"):37===t?n.getTarget("prev"):!1;n.flexAnimate(a,n.vars.pauseOnAction)}}),n.vars.mousewheel&&n.bind("mousewheel",function(e,t,a,i){e.preventDefault();var s=0>t?n.getTarget("next"):n.getTarget("prev");n.flexAnimate(s,n.vars.pauseOnAction)}),n.vars.pausePlay&&f.pausePlay.setup(),n.vars.slideshow&&n.vars.pauseInvisible&&f.pauseInvisible.init(),n.vars.slideshow&&(n.vars.pauseOnHover&&n.hover(function(){n.manualPlay||n.manualPause||n.pause()},function(){n.manualPause||n.manualPlay||n.stopped||n.play()}),n.vars.pauseInvisible&&f.pauseInvisible.isHidden()||(n.vars.initDelay>0?n.startTimeout=setTimeout(n.play,n.vars.initDelay):n.play())),m&&f.asNav.setup(),r&&n.vars.touch&&f.touch(),(!p||p&&n.vars.smoothHeight)&&$(window).bind("resize orientationchange focus",f.resize),n.find("img").attr("draggable","false"),setTimeout(function(){n.vars.start(n)},200)},asNav:{setup:function(){n.asNav=!0,n.animatingTo=Math.floor(n.currentSlide/n.move),n.currentItem=n.currentSlide,n.slides.removeClass(i+"active-slide").eq(n.currentItem).addClass(i+"active-slide"),s?(t._slider=n,n.slides.each(function(){var e=this;e._gesture=new MSGesture,e._gesture.target=e,e.addEventListener("MSPointerDown",function(e){e.preventDefault(),e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1),e.addEventListener("MSGestureTap",function(e){e.preventDefault();var t=$(this),a=t.index();$(n.vars.asNavFor).data("flexslider").animating||t.hasClass("active")||(n.direction=n.currentItem=s&&t.hasClass(i+"active-slide")?n.flexAnimate(n.getTarget("prev"),!0):$(n.vars.asNavFor).data("flexslider").animating||t.hasClass(i+"active-slide")||(n.direction=n.currentItem'),n.pagingCount>1)for(var r=0;r":''+t+"","thumbnails"===n.vars.controlNav&&!0===n.vars.thumbCaptions){var d=s.attr("data-thumbcaption");""!==d&&void 0!==d&&(a+=''+d+"")}n.controlNavScaffold.append("
  • "+a+"
    • "),t++}n.controlsContainer?$(n.controlsContainer).append(n.controlNavScaffold):n.append(n.controlNavScaffold),f.controlNav.set(),f.controlNav.active(),n.controlNavScaffold.delegate("a, img",o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(n.direction=a>n.currentSlide?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},setupManual:function(){n.controlNav=n.manualControls,f.controlNav.active(),n.controlNav.bind(o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(a>n.currentSlide?n.direction="next":n.direction="prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},set:function(){var e="thumbnails"===n.vars.controlNav?"img":"a";n.controlNav=$("."+i+"control-nav li "+e,n.controlsContainer?n.controlsContainer:n)},active:function(){n.controlNav.removeClass(i+"active").eq(n.animatingTo).addClass(i+"active")},update:function(e,t){n.pagingCount>1&&"add"===e?n.controlNavScaffold.append($('
  • '+n.count+"
    • ")):1===n.pagingCount?n.controlNavScaffold.find("li").remove():n.controlNav.eq(t).closest("li").remove(),f.controlNav.set(),n.pagingCount>1&&n.pagingCount!==n.controlNav.length?n.update(t,e):f.controlNav.active()}},directionNav:{setup:function(){var e=$('");n.customDirectionNav?n.directionNav=n.customDirectionNav:n.controlsContainer?($(n.controlsContainer).append(e),n.directionNav=$("."+i+"direction-nav li a",n.controlsContainer)):(n.append(e),n.directionNav=$("."+i+"direction-nav li a",n)),f.directionNav.update(),n.directionNav.bind(o,function(e){e.preventDefault();var t;(""===l||l===e.type)&&(t=$(this).hasClass(i+"next")?n.getTarget("next"):n.getTarget("prev"),n.flexAnimate(t,n.vars.pauseOnAction)),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";1===n.pagingCount?n.directionNav.addClass(e).attr("tabindex","-1"):n.vars.animationLoop?n.directionNav.removeClass(e).removeAttr("tabindex"):0===n.animatingTo?n.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):n.animatingTo===n.last?n.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):n.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var e=$('
    ');n.controlsContainer?(n.controlsContainer.append(e),n.pausePlay=$("."+i+"pauseplay a",n.controlsContainer)):(n.append(e),n.pausePlay=$("."+i+"pauseplay a",n)),f.pausePlay.update(n.vars.slideshow?i+"pause":i+"play"),n.pausePlay.bind(o,function(e){e.preventDefault(),(""===l||l===e.type)&&($(this).hasClass(i+"pause")?(n.manualPause=!0,n.manualPlay=!1,n.pause()):(n.manualPause=!1,n.manualPlay=!0,n.play())),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(e){"play"===e?n.pausePlay.removeClass(i+"pause").addClass(i+"play").html(n.vars.playText):n.pausePlay.removeClass(i+"play").addClass(i+"pause").html(n.vars.pauseText)}},touch:function(){function e(e){e.stopPropagation(),n.animating?e.preventDefault():(n.pause(),t._gesture.addPointer(e.pointerId),T=0,c=d?n.h:n.w,f=Number(new Date),l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c)}function a(e){e.stopPropagation();var a=e.target._slider;if(a){var n=-e.translationX,i=-e.translationY;return T+=d?i:n,m=T,y=d?Math.abs(T)500)&&(e.preventDefault(),!p&&a.transitions&&(a.vars.animationLoop||(m=T/(0===a.currentSlide&&0>T||a.currentSlide===a.last&&T>0?Math.abs(T)/c+2:1)),a.setProps(l+m,"setTouch"))))}}function i(e){e.stopPropagation();var t=e.target._slider;if(t){if(t.animatingTo===t.currentSlide&&!y&&null!==m){var a=u?-m:m,n=a>0?t.getTarget("next"):t.getTarget("prev");t.canAdvance(n)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?t.flexAnimate(n,t.vars.pauseOnAction):p||t.flexAnimate(t.currentSlide,t.vars.pauseOnAction,!0)}r=null,o=null,m=null,l=null,T=0}}var r,o,l,c,m,f,g,h,S,y=!1,x=0,b=0,T=0;s?(t.style.msTouchAction="none",t._gesture=new MSGesture,t._gesture.target=t,t.addEventListener("MSPointerDown",e,!1),t._slider=n,t.addEventListener("MSGestureChange",a,!1),t.addEventListener("MSGestureEnd",i,!1)):(g=function(e){n.animating?e.preventDefault():(window.navigator.msPointerEnabled||1===e.touches.length)&&(n.pause(),c=d?n.h:n.w,f=Number(new Date),x=e.touches[0].pageX,b=e.touches[0].pageY,l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c,r=d?b:x,o=d?x:b,t.addEventListener("touchmove",h,!1),t.addEventListener("touchend",S,!1))},h=function(e){x=e.touches[0].pageX,b=e.touches[0].pageY,m=d?r-b:r-x,y=d?Math.abs(m)t)&&(e.preventDefault(),!p&&n.transitions&&(n.vars.animationLoop||(m/=0===n.currentSlide&&0>m||n.currentSlide===n.last&&m>0?Math.abs(m)/c+2:1),n.setProps(l+m,"setTouch")))},S=function(e){if(t.removeEventListener("touchmove",h,!1),n.animatingTo===n.currentSlide&&!y&&null!==m){var a=u?-m:m,i=a>0?n.getTarget("next"):n.getTarget("prev");n.canAdvance(i)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?n.flexAnimate(i,n.vars.pauseOnAction):p||n.flexAnimate(n.currentSlide,n.vars.pauseOnAction,!0)}t.removeEventListener("touchend",S,!1),r=null,o=null,m=null,l=null},t.addEventListener("touchstart",g,!1))},resize:function(){!n.animating&&n.is(":visible")&&(v||n.doMath(),p?f.smoothHeight():v?(n.slides.width(n.computedW),n.update(n.pagingCount),n.setProps()):d?(n.viewport.height(n.h),n.setProps(n.h,"setTotal")):(n.vars.smoothHeight&&f.smoothHeight(),n.newSlides.width(n.computedW),n.setProps(n.computedW,"setTotal")))},smoothHeight:function(e){if(!d||p){var t=p?n:n.viewport;e?t.animate({height:n.slides.eq(n.animatingTo).innerHeight()},e):t.innerHeight(n.slides.eq(n.animatingTo).innerHeight())}},sync:function(e){var t=$(n.vars.sync).data("flexslider"),a=n.animatingTo;switch(e){case"animate":t.flexAnimate(a,n.vars.pauseOnAction,!1,!0);break;case"play":t.playing||t.asNav||t.play();break;case"pause":t.pause()}},uniqueID:function(e){return e.filter("[id]").add(e.find("[id]")).each(function(){var e=$(this);e.attr("id",e.attr("id")+"_clone")}),e},pauseInvisible:{visProp:null,init:function(){var e=f.pauseInvisible.getHiddenProp();if(e){var t=e.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(t,function(){f.pauseInvisible.isHidden()?n.startTimeout?clearTimeout(n.startTimeout):n.pause():n.started?n.play():n.vars.initDelay>0?setTimeout(n.play,n.vars.initDelay):n.play()})}},isHidden:function(){var e=f.pauseInvisible.getHiddenProp();return e?document[e]:!1},getHiddenProp:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;tn.currentSlide?"next":"prev"),m&&1===n.pagingCount&&(n.direction=n.currentItemn.limit&&1!==n.visible?n.limit:S):h=0===n.currentSlide&&e===n.count-1&&n.vars.animationLoop&&"next"!==n.direction?u?(n.count+n.cloneOffset)*c:0:n.currentSlide===n.last&&0===e&&n.vars.animationLoop&&"prev"!==n.direction?u?0:(n.count+1)*c:u?(n.count-1-e+n.cloneOffset)*c:(e+n.cloneOffset)*c,n.setProps(h,"",n.vars.animationSpeed),n.transitions?(n.vars.animationLoop&&n.atEnd||(n.animating=!1,n.currentSlide=n.animatingTo),n.container.unbind("webkitTransitionEnd transitionend"),n.container.bind("webkitTransitionEnd transitionend",function(){clearTimeout(n.ensureAnimationEnd),n.wrapup(c)}),clearTimeout(n.ensureAnimationEnd),n.ensureAnimationEnd=setTimeout(function(){n.wrapup(c)},n.vars.animationSpeed+100)):n.container.animate(n.args,n.vars.animationSpeed,n.vars.easing,function(){n.wrapup(c)})}n.vars.smoothHeight&&f.smoothHeight(n.vars.animationSpeed)}},n.wrapup=function(e){p||v||(0===n.currentSlide&&n.animatingTo===n.last&&n.vars.animationLoop?n.setProps(e,"jumpEnd"):n.currentSlide===n.last&&0===n.animatingTo&&n.vars.animationLoop&&n.setProps(e,"jumpStart")),n.animating=!1,n.currentSlide=n.animatingTo,n.vars.after(n)},n.animateSlides=function(){!n.animating&&e&&n.flexAnimate(n.getTarget("next"))},n.pause=function(){clearInterval(n.animatedSlides),n.animatedSlides=null,n.playing=!1,n.vars.pausePlay&&f.pausePlay.update("play"),n.syncExists&&f.sync("pause")},n.play=function(){n.playing&&clearInterval(n.animatedSlides),n.animatedSlides=n.animatedSlides||setInterval(n.animateSlides,n.vars.slideshowSpeed),n.started=n.playing=!0,n.vars.pausePlay&&f.pausePlay.update("pause"),n.syncExists&&f.sync("play")},n.stop=function(){n.pause(),n.stopped=!0},n.canAdvance=function(e,t){var a=m?n.pagingCount-1:n.last;return t?!0:m&&n.currentItem===n.count-1&&0===e&&"prev"===n.direction?!0:m&&0===n.currentItem&&e===n.pagingCount-1&&"next"!==n.direction?!1:e!==n.currentSlide||m?n.vars.animationLoop?!0:n.atEnd&&0===n.currentSlide&&e===a&&"next"!==n.direction?!1:n.atEnd&&n.currentSlide===a&&0===e&&"next"===n.direction?!1:!0:!1},n.getTarget=function(e){return n.direction=e,"next"===e?n.currentSlide===n.last?0:n.currentSlide+1:0===n.currentSlide?n.last:n.currentSlide-1},n.setProps=function(e,t,a){var i=function(){var a=e?e:(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo,i=function(){if(v)return"setTouch"===t?e:u&&n.animatingTo===n.last?0:u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:n.animatingTo===n.last?n.limit:a;switch(t){case"setTotal":return u?(n.count-1-n.currentSlide+n.cloneOffset)*e:(n.currentSlide+n.cloneOffset)*e;case"setTouch":return u?e:e;case"jumpEnd":return u?e:n.count*e;case"jumpStart":return u?n.count*e:e;default:return e}}();return-1*i+"px"}();n.transitions&&(i=d?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)",a=void 0!==a?a/1e3+"s":"0s",n.container.css("-"+n.pfx+"-transition-duration",a),n.container.css("transition-duration",a)),n.args[n.prop]=i,(n.transitions||void 0===a)&&n.container.css(n.args),n.container.css("transform",i)},n.setup=function(e){if(p)n.slides.css({width:"100%","float":"left",marginRight:"-100%",position:"relative"}),"init"===e&&(r?n.slides.css({opacity:0,display:"block",webkitTransition:"opacity "+n.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(n.currentSlide).css({opacity:1,zIndex:2}):0==n.vars.fadeFirstSlide?n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).css({opacity:1}):n.slides.css({opacity:0,display:"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing)),n.vars.smoothHeight&&f.smoothHeight();else{var t,a;"init"===e&&(n.viewport=$('
    ').css({overflow:"hidden",position:"relative"}).appendTo(n).append(n.container),n.cloneCount=0,n.cloneOffset=0,u&&(a=$.makeArray(n.slides).reverse(),n.slides=$(a),n.container.empty().append(n.slides))),n.vars.animationLoop&&!v&&(n.cloneCount=2,n.cloneOffset=1,"init"!==e&&n.container.find(".clone").remove(),n.container.append(f.uniqueID(n.slides.first().clone().addClass("clone")).attr("aria-hidden","true")).prepend(f.uniqueID(n.slides.last().clone().addClass("clone")).attr("aria-hidden","true"))),n.newSlides=$(n.vars.selector,n),t=u?n.count-1-n.currentSlide+n.cloneOffset:n.currentSlide+n.cloneOffset,d&&!v?(n.container.height(200*(n.count+n.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){n.newSlides.css({display:"block"}),n.doMath(),n.viewport.height(n.h),n.setProps(t*n.h,"init")},"init"===e?100:0)):(n.container.width(200*(n.count+n.cloneCount)+"%"),n.setProps(t*n.computedW,"init"),setTimeout(function(){n.doMath(),n.newSlides.css({width:n.computedW,marginRight:n.computedM,"float":"left",display:"block"}),n.vars.smoothHeight&&f.smoothHeight()},"init"===e?100:0))}v||n.slides.removeClass(i+"active-slide").eq(n.currentSlide).addClass(i+"active-slide"),n.vars.init(n)},n.doMath=function(){var e=n.slides.first(),t=n.vars.itemMargin,a=n.vars.minItems,i=n.vars.maxItems;n.w=void 0===n.viewport?n.width():n.viewport.width(),n.h=e.height(),n.boxPadding=e.outerWidth()-e.width(),v?(n.itemT=n.vars.itemWidth+t,n.itemM=t,n.minW=a?a*n.itemT:n.w,n.maxW=i?i*n.itemT-t:n.w,n.itemW=n.minW>n.w?(n.w-t*(a-1))/a:n.maxWn.w?n.w:n.vars.itemWidth,n.visible=Math.floor(n.w/n.itemW),n.move=n.vars.move>0&&n.vars.moven.w?n.itemW*(n.count-1)+t*(n.count-1):(n.itemW+t)*n.count-n.w-t):(n.itemW=n.w,n.itemM=t,n.pagingCount=n.count,n.last=n.count-1),n.computedW=n.itemW-n.boxPadding,n.computedM=n.itemM},n.update=function(e,t){n.doMath(),v||(en.controlNav.length?f.controlNav.update("add"):("remove"===t&&!v||n.pagingCountn.last&&(n.currentSlide-=1,n.animatingTo-=1),f.controlNav.update("remove",n.last))),n.vars.directionNav&&f.directionNav.update()},n.addSlide=function(e,t){var a=$(e);n.count+=1,n.last=n.count-1,d&&u?void 0!==t?n.slides.eq(n.count-t).after(a):n.container.prepend(a):void 0!==t?n.slides.eq(t).before(a):n.container.append(a),n.update(t,"add"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.added(n)},n.removeSlide=function(e){var t=isNaN(e)?n.slides.index($(e)):e;n.count-=1,n.last=n.count-1,isNaN(e)?$(e,n.slides).remove():d&&u?n.slides.eq(n.last).remove():n.slides.eq(e).remove(),n.doMath(),n.update(t,"remove"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.removed(n)},f.init()},$(window).blur(function(t){e=!1}).focus(function(t){e=!0}),$.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,fadeFirstSlide:!0,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",customDirectionNav:"",sync:"",asNavFor:"",itemWidth:0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){}},$.fn.flexslider=function(e){if(void 0===e&&(e={}),"object"==typeof e)return this.each(function(){var t=$(this),a=e.selector?e.selector:".slides > li",n=t.find(a);1===n.length&&e.allowOneSlide===!1||0===n.length?(n.fadeIn(400),e.start&&e.start(t)):void 0===t.data("flexslider")&&new $.flexslider(this,e)});var t=$(this).data("flexslider");switch(e){case"play":t.play();break;case"pause":t.pause();break;case"stop":t.stop();break;case"next":t.flexAnimate(t.getTarget("next"),!0);break;case"prev":case"previous":t.flexAnimate(t.getTarget("prev"),!0);break;default:"number"==typeof e&&t.flexAnimate(e,!0)}}}(jQuery); --------------------------------------------------------------------------------