"vscode:/vscode.git/clone" did not exist on "c8df1f5e1f1ba33caad650cbbbd4045e8f5948a3"
Commit a866cd37 authored by panpp's avatar panpp
Browse files

static init

parent 5c8b50e7
.flexslider {
margin: 0px auto 20px;
position: relative;
width: 100%;
height: 482px;
overflow: hidden;
zoom: 1;
}
.flexslider .slides li {
width: 100%;
height: 100%;
}
.flex-direction-nav a {
width: 70px;
height: 70px;
line-height: 99em;
overflow: hidden;
margin: -35px 0 0;
display: block;
background: url(../images/ad_ctr.png) no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
border-radius: 35px;
}
.flex-direction-nav .flex-next {
background-position: 0 -70px;
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-next {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity: 1;
filter: alpha(opacity=50);
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
}
.flex-control-nav li {
margin: 0 2px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
background: url(../images/dot.png) no-repeat 0 -16px;
display: block;
height: 16px;
overflow: hidden;
text-indent: -99em;
width: 16px;
cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
background-position: 0 0;
}
.flexslider .slides a img {
width: 100%;
height: 482px;
display: block;
}
\ No newline at end of file
/**
* slider插件可悬停控制
*/
; $(function ($, window, document, undefined) {
Slider = function (container, options) {
/*
options = {
auto: true,
time: 3000,
event: 'hover' | 'click',
mode: 'slide | fade',
controller: $(),
activeControllerCls: 'className',
exchangeEnd: $.noop
}
*/
"use strict"; //stirct mode not support by IE9-
if (!container) return;
var options = options || {},
currentIndex = 0,
cls = options.activeControllerCls,
delay = options.delay,
isAuto = options.auto,
controller = options.controller,
event = options.event,
interval,
slidesWrapper = container.children().first(),
slides = slidesWrapper.children(),
length = slides.length,
childWidth = container.width(),
totalWidth = childWidth * slides.length;
function init() {
var controlItem = controller.children();
mode();
event == 'hover' ? controlItem.mouseover(function () {
stop();
var index = $(this).index();
play(index, options.mode);
}).mouseout(function () {
isAuto && autoPlay();
}) : controlItem.click(function () {
stop();
var index = $(this).index();
play(index, options.mode);
isAuto && autoPlay();
});
isAuto && autoPlay();
}
//animate mode
function mode() {
var wrapper = container.children().first();
options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({
'position': 'absolute',
'left': 0,
'top': 0
})
.first().siblings().hide();
}
//auto play
function autoPlay() {
interval = setInterval(function () {
triggerPlay(currentIndex);
}, options.time);
}
//trigger play
function triggerPlay(cIndex) {
var index;
(cIndex == length - 1) ? index = 0 : index = cIndex + 1;
play(index, options.mode);
}
//play
function play(index, mode) {
slidesWrapper.stop(true, true);
slides.stop(true, true);
mode == 'slide' ? (function () {
if (index > currentIndex) {
slidesWrapper.animate({
left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else if (index < currentIndex) {
slidesWrapper.animate({
left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else {
return;
}
})() : (function () {
if (slidesWrapper.children(':visible').index() == index) return;
slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay);
})();
try {
controller.children('.' + cls).removeClass(cls);
controller.children().eq(index).addClass(cls);
} catch (e) { }
currentIndex = index;
options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex);
}
//stop
function stop() {
clearInterval(interval);
}
//prev frame
function prev() {
stop();
currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2);
isAuto && autoPlay();
}
//next frame
function next() {
stop();
currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex);
isAuto && autoPlay();
}
//init
init();
//expose the Slider API
return {
prev: function () {
prev();
},
next: function () {
next();
}
}
};
}(jQuery, window, document));
\ No newline at end of file
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}
\ No newline at end of file
This diff is collapsed.
@media screen and (min-width:460px){.wh_item_date[data-v-5f855eee]:hover{background:#71c7a5;cursor:pointer}}[data-v-5f855eee]{margin:0;padding:0}.wh_container[data-v-5f855eee]{max-width:410px;margin:auto}li[data-v-5f855eee]{list-style-type:none}.wh_top_changge[data-v-5f855eee]{display:flex}.wh_top_changge li[data-v-5f855eee]{cursor:pointer;display:flex;color:#fff;font-size:18px;flex:1;justify-content:center;align-items:center;height:47px}.wh_top_changge .wh_content_li[data-v-5f855eee]{cursor:auto;flex:2.5}.wh_content_all[data-v-5f855eee]{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;background-color:#0fc37c;width:100%;overflow:hidden;padding-bottom:8px}.wh_content[data-v-5f855eee]{display:flex;flex-wrap:wrap;padding:0 3%;width:100%}.wh_content:first-child .wh_content_item[data-v-5f855eee],.wh_content:first-child .wh_content_item_tag[data-v-5f855eee]{color:#ddd;font-size:16px}.wh_content_item[data-v-5f855eee],wh_content_item_tag[data-v-5f855eee]{font-size:15px;width:13.4%;text-align:center;color:#fff;position:relative}.wh_content_item[data-v-5f855eee]{height:40px}.wh_item_date[data-v-5f855eee],.wh_top_tag[data-v-5f855eee]{width:40px;height:40px;line-height:40px;margin:auto;display:flex;justify-content:center;align-items:center}.wh_jiantou1[data-v-5f855eee]{width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg)}.wh_jiantou1[data-v-5f855eee]:active,.wh_jiantou2[data-v-5f855eee]:active{border-color:#ddd}.wh_jiantou2[data-v-5f855eee]{width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.wh_content_item>.wh_isMark[data-v-5f855eee]{margin:auto;border-radius:100px;background:#00f;z-index:2}.wh_content_item .wh_other_dayhide[data-v-5f855eee],.wh_content_item .wh_want_dayhide[data-v-5f855eee]{color:#bfbfbf}.wh_content_item .wh_isToday[data-v-5f855eee]{background:#ff0;border-radius:100px}.wh_content_item .wh_chose_day[data-v-5f855eee]{background:green;border-radius:100px}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
blop.mp3 sound file recorded by Mark DiAngelo
Downloaded from http://soundbible.com/2067-Blop.html
All other files created by rjsken (http://www.fiverr.com/rjsken)
All files are royalty free (http://en.wikipedia.org/wiki/Royalty-free)
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment