简单的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>