表格美化之鼠标经过表格时高亮当前条颜色

效果：鼠标经过表格的某一行时，那行就会被高量显示

代码：

Html代码

<table　width="100%"　border="1"　cellpadding="3"　cellspacing="0"　bordercolor="#efefef"　 bgcolor="#efefef">
<tr>
<td　 onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";　onMouseOver="this.bgColor='#cccccc';　 this.borderColor='#000033'"><center　align="left">鼠标经过效果</center></td>
</tr>
<tr>
<td　onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";　 onMouseOver="this.bgColor='#cccccc';　this.borderColor='#000033'">鼠标经过效果</td>
</tr>
<tr>
<td　onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";　 onMouseOver="this.bgColor='#cccccc';　this.borderColor='#000033'">鼠标经过效果</td>
</tr>
<tr>
<td　onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";　 onMouseOver="this.bgColor='#cccccc';　this.borderColor='#000033'">鼠标经过效果</td>
</tr>
<tr>
<td　onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";　 onMouseOver="this.bgColor='#cccccc';　this.borderColor='#000033'">鼠标经过效果</td>
</tr>
</table>

时间： 2024-11-01 20:37:42

表格美化之鼠标经过表格时高亮当前条颜色的相关文章

表格美化之按鼠标按钮把文本框里的值输入到表格

效果:往文本框内输入文字,按按钮可以把文本框内的文字输入到上边的单元格内 代码: Html代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果_jquery

本文实例讲述了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="c

表格列宽鼠标拖动

/****************************************** * 没有版权 任意修改 改好了请发给我一份 O(∩_∩)O * Email: * QQ:52524611 *******************************************/ 功能:1)鼠标拖动列宽.2)双击恢复列宽 <HTML> <HEAD> <TITLE>表格列宽鼠标拖动</TITLE> <META content="text/ht

如何在Dreamweaver中制作表格美化页面

dreamweaver|页面 本文选自4u2v工作室编写的<Dreamweaver网页设计与制作100例>(人民邮电出版社出版,ISBN: 7115142394 ).未经著作权所有者书面授权许可,禁止转载本文. 购买地址:点击访问 在浏览网页的时候可以发现,很多用于网站排版的表格都是经过美化处理的,这些表格不仅起了布局排版的作用,而且在很大程度上美化了网页,使网页看起来更加漂亮.新颖. 效果说明 利用表格美化页面的方式有很多种.本例制作出来的带有层次感的表格如图 8-1 所示. 创作思想 利用

dreamweaver做网页实例教程 利用表格美化页面

  效果说明 利用表格美化页面的方式有很多种.本例制作出来的带有层次感的表格如图 8-1 所示. 创作思想 利用表格美化页面并不需要很多的制作技巧.例如本例只需要进行简单的表格嵌套(即在表格中插入表格),即可达到美化效果. 操作步骤 ( 1 )新建一个页面文件,然后在编辑区域中插入一个 2 × 1 的表格,并设置表格的基本属性参数,如图 8-2 所示. ( 2 )设置表格.将光标置于第一行的单元格中,再将单元格的背景颜色设置为 # 69A 538 ,并应用同样的方法将第二行单元格的背景颜色设置为

js实现鼠标经过表格行变色的方法

  本文实例讲述了js实现鼠标经过表格行变色的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <script type=text/javascript> <!-- (function(){ var rows = document.getElementById("listdata"); var add = function(){ this.style.backgroundColor=

如何复制Word2007表格中的内容，粘贴时去掉表格？

一次在复制表格中的简历时遇到了麻烦.原来的内容全是按表格形式存在的.需要将内容复制到一个大表格里,所有内容只需要文体,不需要表格. 复制了几次都没有成功,不是直接按表格形式,就是进行表格嵌套.于是通过实验,发现了以下的方法: 1.选中要复制的内容; 2.新建一个文本文件; 3.将内容粘贴到打开文本文件中; 4.重新复制文本文件中的内容; 5.复制成功,去掉了表格的形式. 注:在Word2010中有文本粘贴这个功能,可以直接使用.         注:更多请关注电脑教程栏目,三联电脑办公群:189

Excel表格提示向程序发送命令时出现问的解决办法

  打开Excel表格提示向程序发送命令时出现问题解决方法/步骤: 1.首先,判断是否是输入法有问题,将输入法卸载重装一下 2.然后,还有可能是因为表格兼容性问题,那么直接点击到桌面上表格的快捷方式----->属性---->兼容性,把勾打上,如果快捷方式已经删除了,那么在开始菜单所有程序里面可以找到 3.另外,还有一种可能就是,表格的模板表出现了问题,直接找出来删掉即可.路径为:C:Users当前登录的计算机账户AppDataRoamingMicrosoftTemplatesNormal.do

求-jacob word转HTML时 word里有表格，转换完有表格的地方样式就乱了！

问题描述 jacob word转HTML时 word里有表格,转换完有表格的地方样式就乱了! 如图!!求解决方案!! 请问有什么办法能够完美的word转HTML方法吗??包括图片之类的!求代码!!