鼠标搭上显示背景色

简介:

原来帮一小朋友写的简单的应用,没有什么技术含量,只是做一学习过程的记录。

 

 

复制代码

  
  
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" >
< title > Document </ title >
< style >
</ style >
< script >
window.onload
= function (){
var lis = document.getElementById( ' uls ' ).getElementsByTagName( ' li ' );
for ( var i = 0 ; i < lis.length; i ++ ) {
lis[i].onmouseover
= function (){
this .style.backgroundColor = ' #ffffcc ' ;
}
lis[i].onmouseout
= function (){
this .style.backgroundColor = ' #fbfafa ' ;
}
lis[i].style.backgroundColor
= ' #fbfafa ' ;
}
}
</ script >
</ head >
< body >
< ul id ="uls" >
< li >< a href ="#" > 德克萨斯扑克德克萨斯扑克 </ a ></ li >
< li >< a href ="#" > 德克萨斯扑克德克萨斯扑克 </ a ></ li >
< li >< a href ="#" > 德克萨斯扑克德克萨斯扑克 </ a ></ li >
< li >< a href ="#" > 德克萨斯扑克德克萨斯扑克 </ a ></ li >
< li >< a href ="#" > 德克萨斯扑克德克萨斯扑克 </ a ></ li >
</ ul >
</ body >
</ html >
复制代码

 




 本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/08/1619328.html,如需转载请自行联系原作者

目录
相关文章
|
Windows
怎么让鼠标带黄色光圈?
怎么让鼠标带黄色光圈?
1368 0
怎么让鼠标带黄色光圈?
|
6月前
SVProgressHUD弹出框总是显示在屏幕左上角问题
SVProgressHUD弹出框总是显示在屏幕左上角问题
80 0
|
小程序 JavaScript
小程序鼠标点击按钮(改变背景颜色字体)
小程序鼠标点击按钮(改变背景颜色字体)
97 0
|
6月前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
|
12月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
87 0
鼠标悬浮显示文字的简单方法
鼠标悬浮显示文字的简单方法
168 0
|
JavaScript 前端开发
菜单栏底部线条切换效果(标题滚动居中显示)
菜单栏底部线条切换效果(标题滚动居中显示)
160 0
菜单栏底部线条切换效果(标题滚动居中显示)
C#创建无边框可拖动窗口
C#创建无边框可拖动窗口
199 0
|
前端开发 JavaScript
修改Tooltip 文字提示 的背景色 箭头颜色
修改Tooltip 文字提示 的背景色 箭头颜色
|
算法 JavaScript
weebox弹出窗口不居中显示?
weebox弹出窗口不居中显示?
110 0