/** * @date 2017/5/12 * @author xialeistudio<1065890063@qq.com> */ var options; var currentindex = 0; var $container; var defaults = { arrowleft: '', arrowright: '', size: 1, itemwidth: 0, itemheight: 0 }; var optionsupanddown; var currentindexupanddown = 0; var $containerupanddown; var defaultsupanddown = { arrowleft: '', arrowright: '', size: 1, itemwidth: 0, itemheight: 0 }; (function ($) { $.fn.slider = function (optionstemp) { options = optionstemp; $container = $(this); options = $.extend(defaults, options); console.log(options); var flag = setinterval('moveright()', 3000); $(options.arrowleft).on('click', function () { if (currentindex > 0) { clearinterval(flag); currentindex--; $container.animate({ left: -options.itemwidth * currentindex }); } }); $(options.arrowright).on('click', function () { if (currentindex < options.size - 1) { clearinterval(flag); currentindex++; $container.animate({ left: -options.itemwidth * currentindex }); } }); $(".album .album-box").hover(function () { clearinterval(flag); }); }; $.fn.sliderupanddown = function (optionstemp) { optionsupanddown = optionstemp; $containerupanddown = $(this); optionsupanddown = $.extend(defaultsupanddown, optionsupanddown); console.log(optionsupanddown); var flag = setinterval('moveupanddown()', 3000); }; })(window.jquery); function moveright() { if (currentindex < options.size - 1) { currentindex++; $container.animate({ left: -options.itemwidth * currentindex }); } else { currentindex = 0; $container.animate({ left: -options.itemwidth * currentindex }); } } function moveupanddown() { if (currentindexupanddown < optionsupanddown.size - 1) { currentindexupanddown++; $containerupanddown.animate({ top: -optionsupanddown.itemheight * currentindexupanddown }); } else { currentindexupanddown = 0; $containerupanddown.animate({ top: -optionsupanddown.itemheight * currentindexupanddown }); } }