由于代码比较少,我就写在一个文件里了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.12.0.min.js" ></script>
<script type="text/javascript">
//ready(),这个方法在html元素加载完毕才会执行
$(document).ready(function(){
//穿入一个box即可
startInterval($(".box"));
function startInterval(box){
var ul = box.find("ul");
var height = box.find("ul").find("li").height();
var value = height;
var IntervalMethod;
//克隆主要为了实现无限循环,也是无限循环的核心,其他基础知识不再陈述
var cloneFirstChild = ul.children().first().clone();
var liSum = ul.children("li").length;
ul.append(cloneFirstChild);
IntervalMethod = setInterval(function(){
if(height == (liSum+1)*value){
height = value;