用纯js编写斑马条纹

来源:互联网 发布:淘宝拍照用什么相机好 编辑:程序博客网 时间:2024/05/19 17:02
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <ul>        <li>1.......</li>        <li>2.......</li>        <li>3.......</li>        <li>4.......</li>        <li>5.......</li>        <li>6.......</li>        <li>7.......</li>        <li>8.......</li>        <li>9.......</li>        <li>0.......</li>    </ul></body><script type="text/javascript">    var bg=document.getElementsByTagName('li');    for(var i=0;i<bg.length;i++){        bg[i].style.width='800px';        bg[i].style.height='50px';        bg[i].style.listStyle = 'none';        bg[i].style.margin = '0 auto';        bg[i].style.textAlign = 'center';        if(i%2==0){            bg[i].style.background='red';        }else{            bg[i].style.background='blue';        }    }</script></html>
0 0
原创粉丝点击