css中z-index的默认值是auto这是属性自带的属性值。平时自己设置一般是数字,最小值是0,没有最大值一说。
默认值会依据你当前页面设置的相关index来设置,比如你设置了一个为0,那么默认auto就会小于0,就是说0会显示在auto的上面,最大最小值和浏览器的支持有关,一般都是包含我们常用的值
有几个语法错误,以下是修改后的:
console.log("begin")function Scroll(){
var a=0
var b=0
var m=0
oli=document.getElementsByTagName("img")//标签名要用双引号
//将j<6改成j<oli.length,使用起来更灵活
//所有z-index要改成驼峰写法zIndex
//最后a少了个++,不然zIndex=0图片无法切换
for(var j=0j<oli.lengthj++){a=joli[a].style.zIndex=a++}
setInterval(Next,3000)//去掉回调函数Next的括号
function Next(){
for(var i=0i<oli.lengthi++){
b=i
if(b<oli.length-1){
m=oli[b].style.zIndex
oli[b].style.zIndex=oli[b+1].style.zIndex
oli[b+1].style.zIndex=m
}else{
m=oli[a].style.zIndex
oli[a].style.zIndex=oli[0].style.zIndex
oli[0].style.zIndex=m}
}
}
}
console.log("end")
window.onload = function(){Scroll()}
这样就可以正常运行了
你可以直接修改zIndex,下面是简单的小例子;<body>
<div id="div1" style="width:100px height:100px background:#ccc position:absolute top:10px left:10px z-index:2" ></div>
</body>
<script>
var oDiv = document.getElementById('div1')
oDiv.style.zIndex = 10 //这时候你在审查div这个元素的时候,发现z-index的值为10;
</script>