63 lines
2.2 KiB
JavaScript
63 lines
2.2 KiB
JavaScript
/**
|
|
* Created by weber on 2015/1/30.
|
|
*/
|
|
/**
|
|
* @author feiwen
|
|
*/
|
|
(function($){
|
|
$.fn.textSlider = function(settings){
|
|
settings = jQuery.extend({
|
|
speed : "normal",
|
|
line : 2,
|
|
timer : 1000
|
|
}, settings);
|
|
return this.each(function() {
|
|
$.fn.textSlider.scllor( $( this ), settings );
|
|
});
|
|
};
|
|
$.fn.textSlider.scllor = function($this, settings){
|
|
//alert($this.html());
|
|
var ul = $( "ul:eq(0)", $this );
|
|
var timerID;
|
|
var li = ul.children();
|
|
var _btnUp=$(".up:eq(0)", $this)
|
|
var _btnDown=$(".down:eq(0)", $this)
|
|
var liHight=$(li[0]).height();
|
|
var upHeight=0-settings.line*liHight;//滚动的高度；
|
|
var scrollUp=function(){
|
|
_btnUp.unbind("click",scrollUp);
|
|
ul.animate({marginTop:upHeight},settings.speed,function(){
|
|
for(i=0;i<settings.line;i++){
|
|
//$(li[i]).appendTo(ul);
|
|
ul.find("li:first").appendTo(ul);
|
|
// alert(ul.html());
|
|
}
|
|
ul.css({marginTop:0});
|
|
_btnUp.bind("click",scrollUp); //Shawphy:绑定向上按钮的点击事件
|
|
});
|
|
};
|
|
var scrollDown=function(){
|
|
_btnDown.unbind("click",scrollDown);
|
|
ul.css({marginTop:upHeight});
|
|
for(i=0;i<settings.line;i++){
|
|
ul.find("li:last").prependTo(ul);
|
|
}
|
|
ul.animate({marginTop:0},settings.speed,function(){
|
|
_btnDown.bind("click",scrollDown); //Shawphy:绑定向上按钮的点击事件
|
|
});
|
|
};
|
|
var autoPlay=function(){
|
|
timerID = window.setInterval(scrollUp,settings.timer);
|
|
//alert(settings.timer);
|
|
};
|
|
var autoStop = function(){
|
|
window.clearInterval(timerID);
|
|
};
|
|
//事件绑定
|
|
ul.hover(autoStop,autoPlay).mouseout();
|
|
_btnUp.css("cursor","pointer").click( scrollUp );
|
|
_btnUp.hover(autoStop,autoPlay);
|
|
_btnDown.css("cursor","pointer").click( scrollDown );
|
|
_btnDown.hover(autoStop,autoPlay)
|
|
};
|
|
})(jQuery); |