`
yongguang423
  • 浏览: 110551 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

jquery 表格鼠标 变色

 
阅读更多
    <script type="text/javascript">
        $(document).ready(function() {
         
            $(".frame tr").mouseover(function() {
                if ($(this).index() > 0) {
                    $(this).addClass("over");
                }

            }).mouseout(function() {
                if ($(this).index() > 0) {
                    $(this).removeClass("over");
                }
            });
        });

    </script>
    <style type="text/css">
        td.locked {
            position: relative;
            left: expression(document.getElementById("divTableContainer").scrollLeft);
            background-color: #8EAAE9;
            z-index: 0;
        }

        tr.over td {
            background: #bcd4ec; 
            cursor: pointer;
        }
    </style>
 
分享到:
评论

相关推荐

    jquery表格隔行变色鼠标滑过竖直表格内容变色效果

    本主题涉及的是使用jQuery实现的一种常见的用户界面优化技巧——"表格隔行变色"以及"鼠标滑过时竖直表格内容变色效果"。这种效果可以提升表格的可读性,使得数据更加清晰易辨。 首先,我们来讨论“表格隔行变色”。...

    jQuery 鼠标移动到表格变色特效

    总之,"jQuery 鼠标移动到表格变色特效"是一个利用jQuery处理鼠标事件并改变元素样式的实例,通过学习这个例子,开发者可以掌握jQuery的基本用法,了解如何结合CSS实现交互效果,这对于创建动态、响应式的网页界面至...

    jQuery鼠标移动表格变色及修改单元格值

    标题中的“jQuery鼠标移动表格变色及修改单元格值”是指使用jQuery库来实现一个功能,当鼠标在HTML表格上移动时,所经过的单元格会改变颜色,并且用户能够编辑表格中的单元格值。这个功能结合了jQuery的选择器、事件...

    table鼠标经过时整行变色 jquery

    在网页设计中,表格(Table)是一种常见的数据...通过这种方式,你可以实现表格鼠标经过时整行变色的效果,同时保持与其他框架的兼容性。在实际应用中,可以根据需求调整颜色、动画效果等细节,以达到最佳的视觉效果。

    jQuery实现鼠标滑过鼠标变色功能

    在本教程中,我们将深入探讨如何利用jQuery实现一个功能:当鼠标滑过表格时,使得行背景色发生变化,即所谓的“鼠标悬停高亮”效果。这个效果可以提升用户体验,帮助用户更清楚地识别和跟踪选中的表格行。 首先,...

    jquery 框选变色

    在“jquery 框选变色”这个主题中,我们将探讨如何利用jQuery实现对HTML表格(table)中的选定单元格(td)进行颜色变化的功能。 首先,我们需要理解HTML表格的基本结构。一个表格由`&lt;table&gt;`元素定义,内部包含行`...

    jquery table鼠标滑过隔行变色表格样式代码

    jQuery 与 HTML 表格(table)的结合可以实现许多实用的功能,如本例中的“鼠标滑过隔行变色”效果。这种效果能够提升用户的交互体验,使得用户在浏览数据密集型表格时更容易区分每一行。 要实现这个功能,我们需要...

    jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

    在这个例子中,我们将深入探讨如何使用jQuery创建一个插件,以实现表格隔行变色以及鼠标滑过时的高亮显示效果。 首先,我们来看一下基本的HTML结构,这里包含了一个简单的表格,用于展示插件的效果: ```html ...

    javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox

    1. **表格悬停变色/恢复**:这指的是当用户将鼠标悬停在表格的某一行上时,那一行的背景色会变成指定的颜色,当鼠标移出时,该行的颜色会恢复原样。实现这一点的方法是在jQuery的hover事件中添加和移除CSS类。文档中...

    jQuery仿excel表格选中变色效果代码

    本教程将详细讲解如何使用jQuery实现一个仿Excel表格的选中变色效果,以增强用户界面的交互性。 首先,我们需要理解jQuery的基本用法。jQuery的核心在于它的选择器,它允许我们高效地选取DOM元素。例如,`$("#...

    如何实现鼠标移入变色,移出还原

    该代码可以实现表格中鼠标在不同行间移动来实现输鼠标移入移出 有颜色提醒的效果

    Jquery 表格颜色渐变

    在网页设计中,为了提升用户体验和视觉效果,我们经常会对数据展示进行美化处理,其中“Jquery 表格颜色渐变”就是一个常见的需求。Jquery 是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及...

    鼠标经过表格变色

    通过jquery给经过的表格设置css背景变色效果

    jquery table ui插件制作css表格隔行变色特效代码

    本篇文章将详细解析如何使用`jQuery`与相关`CSS`来制作一个具有隔行变色效果的表格。 首先,`jQuery`是一种轻量级的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画等功能。`Table UI`则是一类专门用于...

    jQuery仿excel表格选中变色效果代码.zip

    这个"jQuery仿excel表格选中变色效果代码"是一个示例项目,旨在模仿Microsoft Excel中的单元格选中时改变颜色的特性,为网页中的表格提供类似的操作体验。这种效果可以提升用户界面的互动性和用户体验。 在...

    jquery实现的超帅动态表格交叉变色高亮显示效果.zip

    本项目“jquery实现的超帅动态表格交叉变色高亮显示效果.zip”显然关注的是如何利用jQuery来增强网页中的表格展示,特别是涉及到动态数据更新时的视觉效果。 首先,我们要理解jQuery如何处理表格(`&lt;table&gt;`)元素...

    jQuery 表格隔行变色代码[修正注释版]

    ### jQuery 表格隔行变色技术解析 #### 核心知识点概述 本文将深入探讨一个实用的jQuery脚本,该脚本实现了表格中的隔行变色功能,并附带了一个JavaScript版本作为补充。通过分析提供的代码片段,我们将详细了解...

    jQuery仿Excel表格选中单元格变色特效

    在本文中,我们将深入探讨如何使用jQuery实现一个仿Excel表格的选中单元格变色特效。这个功能允许用户在网页上的表格中通过鼠标操作选择单个或多个单元格,同时改变选中单元格的背景颜色,以模拟Excel的交互体验。 ...

    jQuery展示表格点击变色、全选、删除

    1. **jQuery表格点击变色**: 当用户点击表格的某一行时,该行的背景色会改变,这样可以清晰地标识出用户当前的选择。在给出的代码中,使用了jQuery的`click`事件监听器,并通过切换`backgroundColor`属性来实现这...

    jQuery实现table表格鼠标经过隔行换颜色特效代码.zip

    本资源"jQuery实现table表格鼠标经过隔行换颜色特效代码.zip"提供了一种方法,利用jQuery来实现在网页中table表格鼠标悬停时的视觉效果,即隔行变色。这一功能对于提升用户体验,使得用户在浏览数据密集型表格时能更...

Global site tag (gtag.js) - Google Analytics