HTML——JAVASCRIPT——光棒效果
2015-08-05 13:47
531 查看
光棒效果:建立一个表格,鼠标放到哪一行,哪一行的颜色就改变,鼠标离开那一行,那一行的颜色就恢复到原来的颜色
<!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>无标题文档</title> </head> <body> <table width="700" border="1" cellspacing="0" cellpadding="0"> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> </table> </body> <script type="text/javascript"> function shangqu(a) { a.style.backgroundColor="red"; } function likai(b) { b.style.backgroundColor="#FFFF66"; } </script> </html>
相关文章推荐
- js循环动态绑定带参数函数遇到的问题及解决方案[转]
- JS 常用正则表达式
- [js开源组件开发]数字或金额千分位格式化组件
- 将html文件转换成jsp文件
- JavaScript权威指南_148_第15章_脚本化文档_15.10-其他文档特性-查询选取的脚本
- JSP+Servlet实现验证码生成
- href="javascript:"和href="javascript:void(0);"
- js绘制圆形和矩形的方法
- JavaScript实现自动消除按钮功能的方法
- JavaScript计算值然后把值嵌入到html中。
- js中的页面跳转
- javascript实现手机震动API代码
- JS实现生成会变大变小的圆环实例
- 怎么用js代码禁止浏览器的前进与后退?
- HTML——JAVASCRIPT练习题——图片轮播
- 为什么用js写页面
- JavaScript计算某一天是星期几的方法
- JavaScript实现节点的删除与序号重建实例
- javascript中的正则表达式
- javascript禁止访客复制网页内容的实现代码