闭包实现(鼠标滑过)当前行高亮显示
2014-11-17 21:24
197 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="description" content=""/> <meta name="keywords" content=""/> <script type="text/javascript"> window.onload=function(){ var lis = document.getElementsByTagName('li'); for(var i=0; i<lis.length; i++){ /* lis[i].onmouseover = function(){ lis[i].style.backgroundColor = "lightblue"; //这里面i是四 }*/ //over()获得闭包函数,工调用了4次,这样系统要生成4个函数 //函数内部的n分别为:0,1,2,3 lis[i].onmouseover = over(i); lis[i].onmouseout = out(i); } function over(n){ function fs(){ lis .style.backgroundColor = "lightblue"; } return fs; } function out(n){ function fs(){ lis .style.backgroundColor = ""; } return fs; } } </script> </head> <body> <ul> <li>刘备</li> <li>曹操</li> <li>孙权</li> <li>董卓</li> </ul> </body> </html>
相关文章推荐
- C#封装RichTextBox实现鼠标停留,显示当前单词文本的tooltip提示
- jQuery实现鼠标滑过遮罩并高亮显示效果
- jquery实现鼠标滑过显示二级下拉菜单效果
- QAbstractView(QTreeView、QTableView等)鼠标滑过显示Tooltip(帮助)当前指向单元格文字
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- 利用Jquery实现GridView隔行换色,全选,鼠标滑过当前行效果
- Delphi实现窗体感知鼠标滑过并自动隐藏与显示窗口的方法
- jquery实现鼠标滑过显示二级下拉菜单效果
- jQuery实现鼠标滑过延时显示的效果
- JS实现鼠标滑过显示边框的菜单效果
- javaScript实现在浏览器状态栏显示鼠标在页面中的当前位置
- jquery实现鼠标滑过小图时显示大图的方法
- JQuery实现鼠标滑过显示下拉列表
- 纯CSS实现鼠标滑过显示子菜单的二级菜单效果
- 纯CSS实现鼠标滑过缩略图放大显示代码
- Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
- 表格行间隔显示颜色,鼠标移入时当前行高亮显示
- ligerui实现鼠标滑过行,显示单元格内容
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- 【code】jQuery实现鼠标滑过标题显示其后内容