`

鼠标经过变色,ONMOUSEOVER变色

    博客分类:
  • CSS
 
阅读更多

1.鼠标经过变色,ONMOUSEOVER变色

<table width="100%" style="border-top:0">

  <tr style="background-color:#c1e5ff;"
     onmouseover="this.runtimeStyle.backgroundColor = '#ddd';"
     onmouseout="this.runtimeStyle.backgroundColor = this.style.backgroundColor;"          onclick="this.runtimeStyle.backgroundColor = '#0f0';">
      <td>>>><a style='cursor:hand;' onclick='showSlide();' >设置项目条件</a></td>

  </tr>

</table>

2.onclick事件隐藏一个table

    function showSlide()
   {
     if (document.getElementById('tbxm').style.display=="")
       document.getElementById('tbxm').style.display="none";
     else
       document.getElementById('tbxm').style.display="";
   }

 

<table width="100%" border="1" id="tbxm" style="display:none;">

分享到:
评论

相关推荐

    js鼠标经过变色

    ### js鼠标经过变色知识点详解 #### 一、概述 在网页设计中,为了提高用户体验和界面美观度,经常需要实现鼠标悬浮时元素颜色发生变化的效果。这种效果不仅可以应用于导航栏菜单,还可以广泛用于按钮、图标等其他...

    鼠标移动变色代码

    本文将深入解析一段“鼠标移动变色代码”,探讨其工作原理、代码结构以及如何在网页中应用此技术。 #### HTML部分 HTML(HyperText Markup Language)是用于构建网页结构的标准标记语言。在给定的代码片段中,可以...

    displaytag分页和鼠标经过变色功能

    在上述例子中,我们看到了如何通过自定义装饰器 `OverOutWrapper` 实现鼠标经过表格行变色的功能。这个装饰器继承自Displaytag 提供的 `TableDecorator` 类,并重写了 `addRowId()` 方法。`addRowId()` 方法通常用于...

    JS实现鼠标经过背景自动变色代码.zip

    在JavaScript(JS)中,实现鼠标经过元素时背景自动变色是一种常见的交互效果,它可以提升用户的体验感。这个"JS实现鼠标经过背景自动变色代码.zip"文件可能包含了一个简单的示例,用于演示如何通过JavaScript来改变...

    超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)

    然而,为了提高可读性和用户体验,设计师经常需要对表格进行美化处理,比如隔行换色和鼠标经过变色。这些效果在不同的浏览器中可能表现不一致,尤其是对于老旧的IE浏览器(如IE6和IE7)和Firefox(FF)。下面我们将...

    div+CSs表单鼠标移动变色

    ### div+CSS与JavaScript结合实现表单元素鼠标悬停变色 #### 一、概述 在Web开发中,为了提高用户体验以及页面的交互性,常常会利用CSS与JavaScript结合来实现一些动态效果,如鼠标悬停时表单元素的颜色变化等。...

    鼠标点击变色,弹出div,禁用页面

    在网页开发中,我们经常需要实现一些交互效果来提升用户体验,比如鼠标点击元素时变色、弹出div层以及禁用页面的其他交互。这里我们将深入探讨这些功能的实现方式。 1. 鼠标点击变色: 当用户点击某个元素时,我们...

    帆软FCRP模拟题-鼠标悬浮变色

    "帆软FCRP模拟题-鼠标悬浮变色"这一标题指的是一个与帆软软件相关的练习或测试题目,重点在于实现鼠标悬停在元素上时颜色发生变化的效果。"FCRP"可能是"帆软认证专业人员"(Fanruan Certified Reporting ...

    DataGridview 鼠标打哪哪就变色

    根据提供的文件信息,本文将详细解释如何实现DataGridView控件中鼠标悬停时行变色的效果。此功能在很多应用程序中非常实用,可以帮助用户更直观地识别当前操作的行。 ### DataGridview简介 DataGridView是.NET ...

    asp.net Gridview数据列中实现鼠标悬浮变色

    功能描述: 在gridview中,鼠标在这个控件的数据列表中移动时,该列的背景随鼠标的移动而改变背景颜色。 功能实现: 在gridview中新增一个事件RowDataBound,代码如下: 代码如下: protected void gvwNews_...

    隔行变色和鼠标滑过变色

    ### 隔行变色与鼠标滑过变色技术详解 在网页设计中,为了提升用户体验及美观性,经常会使用到隔行变色以及鼠标滑过时改变颜色的效果。这两种效果可以通过不同的技术来实现,包括使用`expression`(仅限于IE浏览器)...

    鼠标经过换背景代码

    ### 鼠标经过换背景代码详解 在网页设计与开发的过程中,为了增强用户体验和页面交互性,开发者经常需要利用JavaScript、CSS等技术实现各种动态效果。其中,“鼠标经过换背景”是一种非常实用且常见的功能,它可以...

    鼠标经过的文本框textbox变色

    本文将详细讲解如何实现“鼠标经过的文本框(Textbox)变色”这一功能,包括JavaScript代码实现和CSS样式设计。 首先,我们需要创建一个JavaScript函数来处理文本框的鼠标事件。在提供的代码中,`mouseAction`函数...

    鼠标经过字体变颜色并且给文本框赋值

    - `onmouseover`/`onmouseenter`: 鼠标移入事件。 - `onmouseout`/`onmouseleave`: 鼠标移出事件。 在这个示例中,虽然没有明确展示如何绑定这些事件,但可以假设是通过HTML的事件属性或者JavaScript的`...

    js隔行变色、鼠标划过变色代码.docx

    根据给定文件的信息,本文将详细介绍如何利用JavaScript实现表格或列表项的隔行变色以及鼠标划过时的颜色变化效果。 ### 一、基础知识简介 #### 1. CSS选择器 CSS选择器用于选取HTML文档中的元素。在本例中,我们...

    双击表格连接到另一页/改变颜色/行随鼠标变色

    ### 双击表格连接到另一页/改变颜色/行随鼠标变色 #### DataGrid 双击事件与页面跳转 在Web开发中,DataGrid 控件被广泛应用于展示数据列表,用户可以通过交互操作(如点击、双击等)来执行特定的功能。本篇文章将...

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

    本文将详细介绍如何使用JavaScript实现鼠标经过表格行变色的效果。 首先,我们需要理解HTML表格的基本结构。一个简单的表格由`&lt;table&gt;`元素包裹,内部包含`&lt;tr&gt;`(表格行)元素,每行内可以有多个`&lt;td&gt;`(表格数据...

    GRIDVIEW行随鼠标变色

    ### GRIDVIEW行随鼠标变色知识点详解 #### 一、概述 在Web应用程序开发中,尤其是在ASP.NET中,`GridView` 控件是非常常用的一种展示数据的方式。它能够以表格的形式来展示数据库中的数据,同时也提供了丰富的功能...

    gridview选中变色实现方法,.net

    - `onmouseover`与`onmouseout`是JavaScript事件,分别在鼠标进入和离开元素时触发。 - 通过`this`关键字获取当前行的DOM元素,从而对元素的样式属性进行修改。 2. **添加事件**: - 在`RowDataBound`事件中,...

Global site tag (gtag.js) - Google Analytics