原生轮播图
原生轮播图/* 功能说明: 1. 点击向右(左)的图标, 平滑切换到下(上)一页 2. 无限循环切换: 第一页的上一页为最后页, 最后一页的下一页是第一页 3. 每隔3s自动滑动到下一页 4. 当鼠标进入图片区域时, 自动切换停止, 当鼠标离开后,又开始自动切换 5. 切换页面时, 下面的圆点也同步更新 6. 点击圆点图标切换到对应的页 */ /** * 根据id得到对应的标签对象 * @param {Object} id */ function $(id) { return document.getElementById(id); } /** * 给指定id对应的元素绑定点击监听 * @param {Object} id * @param {Object} callback */ function click(id, callback) { $(id).onclick = callback; } 1 window.onload = function () { 2 3 var listDiv = $("list"); 4 var totalTime = 400;//换页的总时间 5 var intervalTime = 20;//移动的间隔时间 6 var intervalId;//循环定时器的id(翻页中的不移动) 7 var imgCount = 5; //图片的个数 8