feat: 项目基础框架+配置+Kernel
This commit is contained in:
@@ -0,0 +1,99 @@
|
||||
/**
|
||||
* @package Xslider - A slider plugin for jQuery
|
||||
* @version 0.5
|
||||
* @author xhowhy <http://x1989.com>
|
||||
**/
|
||||
|
||||
/*function goodkk(){
|
||||
var n = $(".conbox").find("li").length
|
||||
//插入数字
|
||||
for(var i = 1; i <= n+1;i++ ){
|
||||
$("#num").append('<a href="#">'+i+'</a>')
|
||||
// (nums[i] = $("#num").appendChild(document.createElement("a"))).innerHTML = ++i;
|
||||
//$("#num").append("<a href='#'> </a>")
|
||||
};
|
||||
$("#num a").each(function() {
|
||||
$("#num a:first").attr("class","cur");
|
||||
});
|
||||
};*/
|
||||
;(function($){
|
||||
|
||||
|
||||
$.fn.Xslider = function(options){var settings ={
|
||||
affect: 'scrollx', //效果 有scrollx|scrolly|fade|none
|
||||
speed: 1200, //动画速度
|
||||
space: 5000, //时间间隔
|
||||
auto: true, //自动滚动
|
||||
trigger: 'mouseover', //触发事件 注意用mouseover代替hover
|
||||
conbox: '.conbox', //内容容器id或class
|
||||
ctag: 'a', //内容标签 默认为<a>
|
||||
switcher: '.switcher', //切换触发器id或class
|
||||
stag: 'a', //切换器标签 默认为a
|
||||
current:'cur', //当前切换器样式名称
|
||||
rand:false //是否随机指定默认幻灯图片
|
||||
};
|
||||
|
||||
settings = $.extend({}, settings, options);
|
||||
var nn = $(".conbox").find("li").length
|
||||
//插入数字
|
||||
for(var ll = 1;ll <= nn;ll++ ){
|
||||
$("#num").append('<a href="javascript:void(0)">'+ll+'</a>')
|
||||
// (nums[i] = $("#num").appendChild(document.createElement("a"))).innerHTML = ++i;
|
||||
//$("#num").append("<a href='#'> </a>")
|
||||
};
|
||||
$("#num a").each(function() {
|
||||
$("#num a:first").attr("class","cur");
|
||||
});
|
||||
numw=$("#num").width()/2;
|
||||
$("#num").css("margin-left","-"+numw+"px");
|
||||
//插入数字 END
|
||||
|
||||
var index = 1;
|
||||
var last_index = 0;
|
||||
var $conbox = $(this).find(settings.conbox),$contents = $conbox.find(settings.ctag);
|
||||
var $switcher = $(this).find(settings.switcher),$stag = $switcher.find(settings.stag);
|
||||
if(settings.rand) {index = Math.floor(Math.random()*$contents.length);slide();}
|
||||
if(settings.affect == 'fade'){$.each($contents,function(k, v){(k === 0) ? $(this).css({'position':'absolute','z-index':9}):$(this).css({'position':'absolute','z-index':1,'opacity':0});
|
||||
});
|
||||
}
|
||||
|
||||
function slide(){if (index >= $contents.length) index = 0;
|
||||
$stag.removeClass(settings.current).eq(index).addClass(settings.current);
|
||||
switch(settings.affect){case 'scrollx':
|
||||
$conbox.width($contents.length*$contents.width());
|
||||
$conbox.stop().animate({left:-$contents.width()*index},settings.speed);
|
||||
break;
|
||||
case 'scrolly':
|
||||
$contents.css({display:'block'});
|
||||
$conbox.stop().animate({top:-$contents.height()*index+'px'},settings.speed);
|
||||
break;
|
||||
case 'fade':
|
||||
$contents.eq(last_index).stop().animate({'opacity': 0}, settings.speed/2).css('z-index',1)
|
||||
.end()
|
||||
.eq(index).css('z-index',9).stop().animate({'opacity': 1}, settings.speed/2)
|
||||
break;
|
||||
case 'none':
|
||||
$contents.hide().eq(index).show();
|
||||
break;
|
||||
}
|
||||
last_index = index;
|
||||
index++;
|
||||
};
|
||||
if(settings.auto) var Timer = setInterval(slide, settings.space);
|
||||
$stag.bind(settings.trigger,function(){_pause()
|
||||
index = $(this).index();
|
||||
slide();
|
||||
_continue()
|
||||
});
|
||||
$conbox.hover(_pause,_continue);
|
||||
function _pause(){
|
||||
clearInterval(Timer);
|
||||
}
|
||||
function _continue(){
|
||||
if(settings.auto)Timer = setInterval(slide, settings.space);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user