单元格背景色鼠标响应

最新推荐文章于 2019-01-08 15:27:21 发布
最新推荐文章于 2019-01-08 15:27:21 发布
阅读量102 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript 文章标签： XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_13651/article/details/81601305
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>单元格背景色鼠标响应</title>


<script language="javascript">

<!--

var aTDClick=new Array(3);

function onColor(td,n){
if(!aTDClick[n-1]){
td.style.backgroundColor='#FFFF99';
td.style.color='#0600FF';
}else{
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
}
}


function onClickColor(td,n){
var TR1=document.getElementById("TR1");
var TR2=document.getElementById("TR2");
var TR3=document.getElementById("TR3");

switch(n){
case 1:
if(aTDClick[0]!==true){
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
aTDClick[0]=true;
}else{
TR1.style.backgroundColor='';
TR1.style.color='';
aTDClick[0]=false;
}

TR2.style.backgroundColor='';
TR2.style.color='';
TR3.style.backgroundColor='';
TR3.style.color='';
aTDClick[1]=false;
aTDClick[2]=false;

break;

case 2:
if(aTDClick[1]!==true){
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
aTDClick[1]=true;
}else{
TR2.style.backgroundColor='';
TR2.style.color='';
aTDClick[1]=false;
}

TR1.style.backgroundColor='';
TR1.style.color='';
TR3.style.backgroundColor='';
TR3.style.color='';
aTDClick[0]=false;
aTDClick[2]=false;

break;

case 3:
if(aTDClick[2]!==true){
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
aTDClick[2]=true;
}else{
TR3.style.backgroundColor='';
TR3.style.color='';
aTDClick[2]=false;
}

TR2.style.backgroundColor='';
TR2.style.color='';
TR1.style.backgroundColor='';
TR1.style.color='';
aTDClick[1]=false;
aTDClick[0]=false;

break;
}
}


function offColor(td,n){
if(!aTDClick[n-1]){
td.style.backgroundColor='';
td.style.color='';
}else{
td.style.backgroundColor='#FF6699';
td.style.color='#0600FF';
}
}


-->

</script>

<style type="text/css">

<!--

.light {
font: normal 9pt "宋体";
color: #000000;
text-decoration: none;
background: #FFFFFF;
cursor: default;
}

.tdstyle {
border: 1px dashed #0099CC;
}

-->

</style></head><body>


<table border="0" cellpadding="0" cellspacing="4" width="100%">

<tbody><tr>

<td style="" id="TR1" class="tdstyle" onmouseover="onColor(this,1);" onmouseout="offColor(this,1);" onclick="onClickColor(this,1);" height="25">菜单1</td>

<td id="TR2" class="tdstyle" onmouseover="onColor(this,2);" onmouseout="offColor(this,2);" onclick="onClickColor(this,2);" height="25">菜单2</td>

<td id="TR3" class="tdstyle" onmouseover="onColor(this,3);" onmouseout="offColor(this,3);" onclick="onClickColor(this,3);" height="25">菜单3</td>

</tr>


</tbody></table>


</body></html>
handsontable教程_handsOnTable单元格着色
weixin_42310231的博客
12-23 1135
I have a Handsontable table filled with data and already renderedAfter checking the cells, I have located a couple of cells of interest and would like to color them - is there a good way to do this us...
设置表格的背景颜色和字体颜色
hrdzkj的专栏
09-18 1613
procedure TFormCallinTradeRecords.dxdbgrd1CustomDrawCell(Sender: TObject;   ACanvas: TCanvas; ARect: TRect; ANode: TdxTreeListNode;   AColumn: TdxTreeListColumn; ASelected, AFocused, ANewItemRow: Bo
改变单元格背景
u013908405的专栏
08-18 553
//改变单元格背景         DataGridViewSelectedCellCollection dsc;         private void EcDataGridView_SelectionChanged(object sender, EventArgs e)         {             try             {                
handsontable在线编辑excel扩展功能-踩坑篇
weixin_30702887的博客
03-15 952
简述 先说一下背景，之所以封装handsontable插件，是因为公司要实现在线编辑导入excel文件的功能，然后我就找到了这个功能强大的插件handsontable。 具体功能 除了handsontable的功能外，还包括： 1、每一行数据统计错误数，重复数 2、每一列标记重复项，错误项 3、定位功能，当数据过多出现滚动条时，点击上一条/下一条按钮，定位到当前标记项。 4、表头标注...
wpf datagrid 根据datatable动态显示 单元格颜色
最新发布
09-05
在XAML中，我们可以在Style中定义Trigger，然后根据数据模型中的某些属性值来设置背景颜色。例如，如果DataTable中包含了一个字段名为“Paid”，我们可以基于这个字段的值来改变行的颜色。 例如，我们可以在XAML中...
响应鼠标变换表格背景或者颜色特效代码
03-20
这样的CSS规则会让表格中的每个单元格在鼠标悬停时改变背景颜色。然而，如果想要根据鼠标点击来改变颜色，我们可以使用JavaScript。以下是一个使用纯JavaScript的例子： ```javascript var table = document....
鼠标移动到某个单元格上后，整个列都变色的实现方法
12-04
当鼠标进入单元格时，如果当前单元格不等于之前高亮的单元格（`pObj`），则将其背景颜色设置为`overcolor`；当鼠标离开单元格时，如果条件相同，背景颜色恢复为`outcolor`。 接下来，我们考虑`onclick`事件，即...
CSS鼠标响应事件经过、移动、点击示例介绍
09-05
另外，我们还可以使用CSS表达式来实现更复杂的鼠标响应效果，例如改变表格的边框颜色和背景色： ```html table { background-color: #000000; cursor: hand; width: 100%; } td { /* 设置onmouseover事件 */ ...
响应鼠标变换表格背景或者颜色的代码
12-03
当鼠标离开(`onMouseOut`)时，背景色恢复到初始值（白色），当鼠标移动到(`onMouseOver`)单元格上时，背景色变为浅灰色。 这些方法都是使用内联样式和JavaScript实现的，但现代前端开发更倾向于使用CSS来分离样式和...
cell背景颜色设置
sun_Winter的专栏
09-23 1703
问题：遇到cell的contentview的backgroundcolor设置其他控件同样的颜色值 它却发浅？ 原因：我用xib设置的背景是白得，然后我又用代码把背景改成黑色的，然后颜色就发浅  解决方案：直接修改xib里面的颜色就可以了
关于我用的handsontable 总结
stf792033781的博客
06-27 1万+
...
JS实现改变当前选中单元格的背景色，离开后恢复原色
qq_36728971的博客
01-08 1578
var $lasttd;//上一个单元格变量   var lastcolor;//上一次颜色变量   $('.x-table td').click(function(){      if($lasttd){         $lasttd.css('background',lastcolor);      }   //离开后原单元格恢复原色     lastcolor=$(this)....
Handsontable 鼠标移上去改变行颜色
DMS程序猿
05-06 3949
添加如下样式即可：tr:hover { background: @hover_color; }tr:hover td { background: transparent; }
JavaScript中的表格颜色控制
ITxiaobaibai的博客
07-20 2759
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="first.aspx.cs" Inherits="first" %&gt; &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;he
Handsontable对单元格的操作
热门推荐
风火一回，一生不毁
05-28 3万+
1.自动填充单元格数据 fillHandle：true/false    //当值为true时，允许拖动单元格右下角，将其值自动填充到选中的单元格 2.合并单元格 mergeCells：[{row:起始行数,cols:起始列数,rowspan:合并的行数,colspan:合并的列数},...] 3.初始化单元格或列的对齐方式 水平样式：htLeft,htCenter,ht
PHPExcel 学习摘记
爱拼才会赢
01-04 3297
首先到phpexcel官网上下载最新的phpexcel类，下周解压缩一个classes文件夹，里面包含了PHPExcel.php和PHPExcel的文件夹，这个类文件和文件夹是我们需要的，把classes解压到你项目的一个目录中，重名名为phpexcel，开始喽，（代码都摘自自带实例） 程序部分 require_once './phpexcel/PHPExcel.php';
handsontable单元格数据类型自定义
前进中的蜗牛
04-26 5283
Handsontable支持自定义的单元格类型，查看官方自定义渲染文档说明地址，修改出需要的数据显示类型。 单元格类型自定义的代码： function safeHtmlRenderer(instance, td, row, col, prop, value, cellProperties) { var escaped = Handsontable.helper.stringify(va...
动态定制CListCtrl单元格颜色与背景技巧
### 知识点：设置CListCtrl单元格颜色和背景色 #### 1. CListCtrl控件概述 `CListCtrl`是MFC（Microsoft Foundation Classes）库中的一个常用控件，用于创建列表视图。它可以以多种方式显示数据，如小图标、大图标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值