最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > 建站教程 > CMS教程 > ECShop教程 >

js控制鼠标经过背景框变色介绍

时间:2014-06-10 11:03来源: 作者: 点击:
HTML 代码 ul li 鼠标经过时改变背景色 /li li 鼠标经过时改变背景色 /li li 鼠标经过时改变背景色 /li li 鼠标经过时改变背景色 /li /ul Javascript 代码 window.onload = function() { var lis = document.getE
(责任编辑:admin)

 HTML代码

<ul> 
<li>
鼠标经过时改变背景色</li> 
<li>
鼠标经过时改变背景色</li> 
<li>
鼠标经过时改变背景色</li> 
<li>
鼠标经过时改变背景色</li> 
</ul> 

Javascript代码

window.onload = function() { 
var lis = document.getElementsByTagName("li"); 
for (var i=0; i<lis.length; i++) { 
lis[i].onmouseover = function() { 
this.setAttribute("class", "current"); 

lis[i].onmouseout = function() { 
this.setAttribute("class", ""); 


 

CSS代码

ul li.current { 
background-color:red; 
cursor:pointer; 

 

------分隔线----------------------------
栏目列表
推荐内容