//面向对象function Left() { ???this.index = 0; ???this.lefthover = $(‘#left-content‘); ???this.listenhover()}//监听hover事件(鼠标放上去轮播图停止)Left.prototype.listenhover = function () { ???var self = this; ???this.lefthover.hover(function () { ???????clearInterval(self.timer) ???},function () { ??????self.loop(); ???});};//实现轮播图的滚动Left.prototype.loop = function () { ???var leftUL = $(‘#left-ul‘); ???var self = this; ???this.timer = setInterval(function () { ???????if (self.index >= 3){ ???????????self.index = 0 ???????}else { ???????????self.index += 1; ???????} ???????leftUL.animate({‘left‘:-795 * self.index},500) ???},2000)};//轮播图继续滚动Left.prototype.run = function () { ???this.loop()};//等待html全部加载完成后执行$(function () { ??var left = new Left(); ??left.run()});
轮播图js编写
原文地址:https://www.cnblogs.com/fengzi7314/p/10363460.html