67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
|
// JavaScript Document
|
|||
|
|
(function ($) {
|
|||
|
|
$.fn.scroll = function (options) {
|
|||
|
|
//默认配置
|
|||
|
|
var defaults = {
|
|||
|
|
speed: 30, //滚动速度为0-100之间
|
|||
|
|
direction: 'vertical' //方向：vertical向上滚动,horizantal向左滚动
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var opts = $.extend({}, defaults, options), intId = [];
|
|||
|
|
|
|||
|
|
function marquee(obj, step, direction) {
|
|||
|
|
if (direction == 'horizantal') {
|
|||
|
|
obj.find("ul").animate({
|
|||
|
|
marginLeft: '-=1'
|
|||
|
|
}, 0, function () {
|
|||
|
|
var s = Math.abs(parseInt($(this).css("margin-left")));
|
|||
|
|
if (s >= step) {
|
|||
|
|
$(this).find("li").slice(0, 1).appendTo($(this));
|
|||
|
|
$(this).css("margin-left", 0);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else if (direction == 'vertical') {
|
|||
|
|
obj.find("ul").animate({
|
|||
|
|
marginTop: '-=1'
|
|||
|
|
}, 0, function () {
|
|||
|
|
var s = Math.abs(parseInt($(this).css("margin-top")));
|
|||
|
|
if (s >= step) {
|
|||
|
|
$(this).find("li").slice(0, 1).appendTo($(this));
|
|||
|
|
$(this).css("margin-top", 0);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.each(function (i) {
|
|||
|
|
var speed = 0 < 100 - opts["speed"] && 100 - opts["speed"] <= 100 ? 100 - opts["speed"] : 30;
|
|||
|
|
var direction = opts["direction"] == 'vertical' || opts["direction"] == 'horizantal' ? opts["direction"] : 'vertical';
|
|||
|
|
var _this = $(this);
|
|||
|
|
intId[i] = setInterval(function () {
|
|||
|
|
var sh;
|
|||
|
|
if (direction == 'horizantal') {
|
|||
|
|
sh = _this.find("ul").find("li:first").outerWidth(true);
|
|||
|
|
} else {
|
|||
|
|
sh = _this.find("ul").find("li:first").outerHeight(true);
|
|||
|
|
}
|
|||
|
|
marquee(_this, sh, direction);
|
|||
|
|
}, speed);
|
|||
|
|
|
|||
|
|
_this.hover(function () {
|
|||
|
|
clearInterval(intId[i]);
|
|||
|
|
}, function () {
|
|||
|
|
intId[i] = setInterval(function () {
|
|||
|
|
var sh;
|
|||
|
|
if (direction == 'horizantal') {
|
|||
|
|
sh = _this.find("ul").find("li:first").outerWidth(true);
|
|||
|
|
} else {
|
|||
|
|
sh = _this.find("ul").find("li:first").outerHeight(true);
|
|||
|
|
}
|
|||
|
|
marquee(_this, sh, direction);
|
|||
|
|
}, speed);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
})(jQuery);
|