鼠标搭上显示背景色

简介:

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

 

 

复制代码
 
 
<! 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
怎么让鼠标带黄色光圈?
怎么让鼠标带黄色光圈?
1249 0
怎么让鼠标带黄色光圈?
|
8月前
|
小程序 JavaScript
小程序鼠标点击按钮(改变背景颜色字体)
小程序鼠标点击按钮(改变背景颜色字体)
76 0
|
2月前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
|
8月前
|
前端开发
鼠标点击<input>输入框后边框发生颜色变化
鼠标点击<input>输入框后边框发生颜色变化
57 0
|
8月前
鼠标悬浮显示文字的简单方法
鼠标悬浮显示文字的简单方法
113 0
C#创建无边框可拖动窗口
C#创建无边框可拖动窗口
177 0
|
Java
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
429 0
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
|
Java Android开发
两个按钮的滑块
牙叔教程 简单易懂
138 0