js作用域实现腾讯首页隔行换色效果
一、腾讯首页隔行换色效果
此效果通过函数内的变量，作用域，for循环，索引值，this，空变量储存等知识实 现了隔行换色的效果，及鼠标移动到指定位置颜色改变，移开时颜色变为原来的颜 色的效果。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>腾讯首页隔行换色</title>
<style>
h1{ height:30px; width:300px; font-size:25px; line-height:30px; text-align:center; border:2px solid pink; margin:40px auto;}
li{ height:30px; margin-bottom:5px; list-style:none;}
</style>
<script>
window.onload = function(){
var oUl = document.getElementById('list');
var aLi = oUl.getElementsByTagName('li');
var arr = ['yellow','red','pink'];
var str = ''; //定义一个变量值进行存储
<html>
<head>
<meta charset="utf-8">
<title>腾讯首页隔行换色</title>
<style>
h1{ height:30px; width:300px; font-size:25px; line-height:30px; text-align:center; border:2px solid pink; margin:40px auto;}
li{ height:30px; margin-bottom:5px; list-style:none;}
</style>
<script>
window.onload = function(){
var oUl = document.getElementById('list');
var aLi = oUl.getElementsByTagName('li');
var arr = ['yellow','red','pink'];
var str = ''; //定义一个变量值进行存储
最低0.47元/天 解锁文章
174
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
