一款简单的jQuery步骤流程图样式代码,带箭头指示效果的分步流程图,点击步骤条变红色,完成步骤变绿色。
js代码
<script type="text/javascript">
window.onload = function () {
var lis = document.getElementById("list").getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("index", i);
lis[i].onclick = function () {
$('#list i').attr("style", "background-color:");
for (var i = 0; i < lis.length; i++) {
if (this.getAttribute("index") == i) {
lis[i].style.color = "#fff";
lis[i].style.backgroundColor = "#f45438";
$(this).find('i').eq(0).attr("style", "background-color:#f45438");
for (ii = 0; ii < i; ii++) {
lis[ii].style.backgroundColor = "#1da02b";
$(lis[ii]).find('i').eq(0).attr("style", "background-color:#1da02b");
}
} else {
lis[i].style.color = "";
lis[i].style.backgroundColor = "";
}
}
}
}
}
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791