当前位置:首页 > 网站应用

js报表双击固定样式,用于对比

cjw1233年前 (2023-11-01)网站应用6520

在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。

<table style="width:80%" border=1 onmouseover="getrow(this)" onmouseout="backrow(this)" ondblclick="selectRow(this)">
<tr><td>1</td><td>1</td></tr>
<tr><td>3</td><td>1</td></tr>
<tr><td>5</td><td>1</td></tr>
<tr><td>7</td><td>1</td></tr>
<tr><td>9</td><td>1</td></tr>
<tr><td>11</td><td>1</td></tr>
</table> 

<script>
var selectLine=-1
function getrow(obj){
   if(event.srcElement.tagName=="TD"){
   curRow=event.srcElement.parentElement
   curRow.style.background="yellow"
   }
}//getrow
function backrow(obj){
	if(event.srcElement.tagName=="TD"){
		curRow=event.srcElement.parentElement
		if(curRow.rowIndex==selectLine){
		curRow.style.background="blue"
		}else{
		curRow.style.background="pink"
		}
	
	}
}//backrow
function selectRow(obj){
	if(event.srcElement.tagName=="TD"){
		curRow=event.srcElement.parentElement
		curRow.style.background="blue"
		selectLine=curRow.rowIndex
		//alert("这是第"+(curRow.rowIndex+1)+"行")
	}//if
console.log(selectLine)
}//selectRow
</script>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=38

标签: JS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

CSS中给背景图增加遮罩

CSS作为网页开发的重要组成部分,经常会用到遮罩层的效果,实现页面视觉上的突出和强调。那么,CSS怎样设置遮罩层呢?下面就来简单介绍一下。首先,要清楚遮罩层的定义。遮罩层是指在页面元素上添加一个半透明的罩子,使得页面元素之间的重叠效果。”遮”住页面上的元素。接下来,我们来看如何在CSS中实现遮罩层的…

仿win10系统蓝屏的404页面

<!doctype html>     <html>     <head>     <meta charset=…

纯CSS实现侧边栏浮动在线客服效果

很多人一般在网页的侧边会选择放一个悬浮的在线客服,方便意向客户的联系,网上随便一搜也会有很多代码提供,但是大多都是JS书写的,并且夹带着一些图片素材乱七八糟的东西,用起来很不方便。今天我们就教给大家一个纯css书写的在线客服效果首先我们有如下html结构<div class=&quo…

化学元素周期表网页代码

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8…

4K高画质必应每日壁纸获取php源码

在网站目录新建个.php 后缀的文件,把下面的代码复制粘粘保存,然后在浏览器访问这个.php 后缀的即可,如果文件名叫 index.php 则可以直接通过访问域名或域名 + 目录使用,此源码是访问跳转必应官方原图的形式,而不走服务器流量<?php    &nbs…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。