分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

轮播图js编写

发布时间:2023-09-06 02:32责任编辑:蔡小小关键词:js轮播图
//面向对象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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved