本文主要是介绍腾讯首页隔行换色效果及js作用域的实例，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
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 = ''; //定义一个变量值进行存储
这篇关于腾讯首页隔行换色效果及js作用域的实例的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
