jquery banner轮播

Html

Css

 * {
	margin:0;
	padding:0;
}
li {
	list-style:none;
	width:300px;
	height:150px;
	float:left;
}
.box {
	width:300px;
	height:150px;
	overflow:hidden;
	position:relative;
}
.box ul {
	position:absolute;
}

var oLilength = $("li").length,
    oLiwidth = $("li").width();

function Color() {
    var a = parseInt(Math.random() * 255),
        b = parseInt(Math.random() * 255),
        c = parseInt(Math.random() * 255),
        bc = "rgb(" + a + "," + b + "," + c + ")";
    return bc;
}

function setColor() {
    for (var i = 0; i <= oLilength; i++) {
        $("li").eq(i).css("background", Color());

}
}

}, 2000)

}

function init() {
    setColor();
    $("li:last-child").after($("li:first-child").clone())
    $("ul").css("width", $("li").length * oLiwidth);

Move()
}
init()

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jquery banner轮播



代码描述：简单的jquery循环轮播

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

RING

相关代码

jquery banner轮播

最新