`
webcode
  • 浏览: 6078376 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

随着鼠标的移动变换表格背景色

阅读更多

<html>
<script LANGUAGE="javascript">
<!--
function mOvr(src) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand'; src.bgColor = "#FDEAB5";
}
}
function mOut(src) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default'; src.bgColor = "#FFDB91";
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
-->
</script>


<body topmargin="0" leftmargin="0" bgcolor="#ffcc66" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0" width="90%" align="center">
<tr bgcolor="#FFDB91" align="center">
<td height="25" onMouseOver="mOvr(this);" onMouseOut="mOut(this);" onClick="mClk(this);"><a href="http://www.codechina.net"; target="bbsmain"><font color="#000000">代码中国</font></a></td>
</tr>

</table>

</body>
</html>


分享到:
评论

相关推荐

    响应鼠标变换表格背景或者颜色.rar

    "响应鼠标变换表格背景或者颜色"是一个典型的JS特效应用,它涉及到了HTML表格、CSS样式以及JavaScript事件处理。下面将详细阐述这个主题的知识点。 首先,HTML表格是网页数据展示的主要工具,由`&lt;table&gt;`、`&lt;tr&gt;`...

    响应鼠标变换表格背景或者颜色的代码

    响应鼠标变换表格背景或者颜色的代码 在前端开发中,响应鼠标变换表格背景或者颜色的代码是一个常见的交互效果。该效果可以通过使用JavaScript和HTML实现。下面将对该代码进行详细的解释和分析。 首先,让我们来看...

    鼠标移动变色代码

    综上所述,“鼠标移动变色代码”巧妙地结合了HTML、CSS和JavaScript,实现了鼠标悬停时的动态色彩变换,增强了网页的互动性和美观度。开发者应熟悉这三种技术的基本语法和交互机制,以便在实际项目中灵活运用此类...

    javascript背景颜色按时变换.docx

    文档中还提到了一些相关的JavaScript代码示例,例如使用JavaScript实现表格行的背景颜色交替、li列表的数据隔行变色、响应鼠标事件改变表格或元素颜色、背景云的动态效果、鼠标移动时背景云的变化,以及使用Jquery...

    javascript table美化鼠标滑动单元格变色

    描述中提到,这种效果非常不错的 table 美化,当鼠标滑过去,背景色变换效果。这说明了这种效果的主要特点是能够根据鼠标的滑动来改变单元格的背景色,从而美化表格的外观。 标签解释 标签中提到了三个关键词:...

    基于jQuery的的一个隔行变色,鼠标移动变色的小插件

    在这个函数内部,`settings`对象存储了默认的颜色值,如背景颜色`c1`和`c2`,以及鼠标悬停时的颜色`c3`。`$.extend`方法用于合并用户自定义的参数和默认设置。接着,遍历els中的每个元素,根据索引判断是否为偶数行...

    Dreamweaver题目.docx

    * 修改apDiv1 apDiv2的Z轴值分别为 T2,为图像“banner1.jpg”、“banner2.jpg”添加轮播效果,当鼠标移动至1时显示图像“banner1.jpg”,当鼠标移动至2时显示图像“banner2.jpg” 八、版权信息 * 在表格1第三行...

    JavaScript网页特效范例宝典源码

    实例254 通过按钮变换背景颜色 395 实例255 背景自动变色 396 实例256 百叶窗 396 实例257 渐隐渐显的背景颜色 398 实例258 页面缩小 399 实例259 页面上下打开效果 400 实例260 页面左右打开效果 402 实例261 页面...

    c1中的FLEXGRID使用说明

    8. **行背景色变换**:开发者可以通过循环遍历行,根据条件改变行的背景颜色,以突出显示特定的数据或状态。这在视觉上可以帮助用户快速识别和区分数据。 总的来说,ComponentOne的C1FlexGrid控件提供了一套完整的...

    ps快捷键大全(表格汇总).pdf

    - `Ctrl`+`Delete`:用背景色填充 7. **其他快捷键**: - `F`:切换屏幕模式 - `Shift`+`F5`至`Shift`+`F9`:填充不同类型的渐变 - `Ctrl`+`K`:打开“预置”对话框 - `Alt`+`Ctrl`+`K`:显示最后一次的“预置...

    javascript网页特效实例大全(8-12)

    实例254 通过按钮变换背景颜色 395 实例255 背景自动变色 396 实例256 百叶窗 396 实例257 渐隐渐显的背景颜色 398 实例258 页面缩小 399 实例259 页面上下打开效果 400 实例260 页面左右打开效果 402...

    《程序天下:JavaScript实例自学手册》光盘源码

    11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 颜色切换板 11.4 下拉菜单 11.5 左键弹出式菜单 11.6 目录样式的下拉菜单 11.7 网页中的选项卡 11.8 静态导航菜单 11.9 烟花效果的下拉菜单 11.10 网络导航条 11.11 ...

    javascript网页特效实例大全

    5.6 鼠标悬停时背景色改变 101 5.7 鼠标右键弹出对话框 102 5.8 鼠标的图片旋转跟踪 103 5.9 旋转的鼠标光环 105 5.10 跟随鼠标旋转的文字 107 5.11 单击鼠标右键打开网站 109 5.12 跟着鼠标的烟花 109 5.13 ...

    程序天下:JavaScript实例自学手册

    11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 颜色切换板 11.4 下拉菜单 11.5 左键弹出式菜单 11.6 目录样式的下拉菜单 11.7 网页中的选项卡 11.8 静态导航菜单 11.9 烟花效果的下拉菜单 11.10 网络导航条 11.11 ...

    css3悬停放大显示价格表样式代码

    7. **颜色与背景**:在悬停状态下,可以改变背景色或高亮某些部分,以增加视觉反馈,使用户明确知道他们正在与哪个价格单元交互。 8. **自定义动画**:除了基本的放大效果,还可以利用CSS3的`keyframes`创建更复杂...

    《JavaScript实例精通》[源代码]

    13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm 显示器检测代码(给出提示)。 14_3.htm 浏览器检测后自动跳转相应...

    Photoshop染色布面料制作.docx

    现在,在工具箱中选择画笔工具,设置前景色为“白色”,背景色为“黑色”,使用基本画笔,将大小设置为 9pt。然后新建一个图层 3,填充为黑色,用画笔在上面绘制表格,在绘制表格的时候最重要的不是尺寸,而是整体...

    JavaScript实例精通

    13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm 显示器检测代码(给出提示)。 14_3.htm 浏览器检测后自动跳转相应...

Global site tag (gtag.js) - Google Analytics