点中行改变颜色

dxb_828 2009-08-29 03:44:45
能否提供一个选中table中哪行，哪行的颜色就改变，选中另一行，刚才选中行的颜色恢复，并且当鼠标滑过时颜色也是相应变化
...全文
83 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
BeenZ 2009-08-29
  • 打赏
  • 举报
 回复
稍微修改


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

    </head>

    <script language=javascript>

        var TH_HEIGHT="20px";

        var THCOLOR="#ffff99";

        var THBGCOLOR= "#ccecff";

        var NEW_COLOR="#ffffff";

var oldrowover

var oldrow;

        function createEventTable() {

            var newRow,col1,col2,col3;

            var ln = document.getElementById("tb1").rows.length;

            if( ln > 0){

                for(var i=0; i<ln; i++){

                    if(document.getElementById("tb1").rows.length <= 0)break;

                    document.getElementById("tb1").deleteRow(-1);

                }

            }

            for(var colno=0; colno<15; colno++){    

                newRow = document.getElementById("tb1").insertRow(-1);

                newRow.id = 'r'+colno;

                document.getElementById("r"+colno).height = TH_HEIGHT;

                document.getElementById("r"+colno).bgColor = THCOLOR;

                col1=newRow.insertCell(0);

                col2=newRow.insertCell(1);

                col3=newRow.insertCell(2);

                col1.id="col1"+colno

                col2.id = "col2"+colno;

                col3.id = "col3"+colno;

                col1.innerText = "列一"+colno;

                col2.innerText = "列二"+colno;

                col3.innerText = "列三"+colno;

                newRow.onclick=alertMe;

                  newRow.onmouseover=over;   

            }

        }

        function alertMe(){

            this.bgColor=NEW_COLOR;

           if(oldrow!=null&&oldrow!=this){

             	oldrow.bgColor=THCOLOR;

           }

            oldrow=this;

	   

             

        }



	function over(){

           if(this!=oldrow) this.bgColor="red";

           if(oldrowover!=null&&oldrowover!=this&&oldrowover!=oldrow){

             	oldrowover.bgColor=THCOLOR;

           }

            oldrowover=this;         

        }

        window.onload=function(){

            createEventTable();

        }

    </script>

    <body >





        <TABLE  cellSpacing="0" borderColorDark="black" cellPadding="1" 



borderColorLight="black"  border="1">

            <thead>

            <COLGROUP>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

            <TR height="22px" bgColor="#ccecff">

                <TH width="36" >列1</TH>

                <TH width="36" >列2</TH>

                <TH width="36" >列3</TH>

            </TR>

        </thead>

        <TBODY id="tb1">

        </TBODY>

    </TABLE>



</body>

</html>
dxb_828 2009-08-29
  • 打赏
  • 举报
 回复
是的，谢谢
BeenZ 2009-08-29
  • 打赏
  • 举报
 回复
是这样么？


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

    </head>

    <script language=javascript>

        var TH_HEIGHT="20px";

        var THCOLOR="#ffff99";

        var THBGCOLOR= "#ccecff";

        var NEW_COLOR="#ffffff";

var oldrowover

var oldrow;

        function createEventTable() {

            var newRow,col1,col2,col3;

            var ln = document.getElementById("tb1").rows.length;

            if( ln > 0){

                for(var i=0; i<ln; i++){

                    if(document.getElementById("tb1").rows.length <= 0)break;

                    document.getElementById("tb1").deleteRow(-1);

                }

            }

            for(var colno=0; colno<15; colno++){    

                newRow = document.getElementById("tb1").insertRow(-1);

                newRow.id = 'r'+colno;

                document.getElementById("r"+colno).height = TH_HEIGHT;

                document.getElementById("r"+colno).bgColor = THCOLOR;

                col1=newRow.insertCell(0);

                col2=newRow.insertCell(1);

                col3=newRow.insertCell(2);

                col1.id="col1"+colno

                col2.id = "col2"+colno;

                col3.id = "col3"+colno;

                col1.innerText = "列一"+colno;

                col2.innerText = "列二"+colno;

                col3.innerText = "列三"+colno;

                newRow.onclick=alertMe;

                  newRow.onmouseover=over;   

            }

        }

        function alertMe(){

            this.bgColor=NEW_COLOR;

           if(oldrow!=null&&oldrow!=this){

             	oldrow.bgColor=THCOLOR;

           }

            oldrow=this;

	   

             

        }



function over(){

            this.bgColor="red";

           if(oldrowover!=null&&oldrowover!=this&&oldrowover!=oldrow){

             	oldrowover.bgColor=THCOLOR;

           }

            oldrowover=this;

	   

             

        }

        window.onload=function(){

            createEventTable();

        }

    </script>

    <body >





        <TABLE  cellSpacing="0" borderColorDark="black" cellPadding="1" 



borderColorLight="black"  border="1">

            <thead>

            <COLGROUP>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

                <COL align="center">

                </COL>

            <TR height="22px" bgColor="#ccecff">

                <TH width="36" >列1</TH>

                <TH width="36" >列2</TH>

                <TH width="36" >列3</TH>

            </TR>

        </thead>

        <TBODY id="tb1">

        </TBODY>

    </TABLE>



</body>

</html>
dxb_828 2009-08-29
  • 打赏
  • 举报
 回复
鼠标滑过时颜色变化，点中行是颜色定在那，点中别的行是刚才点中行的颜色恢复原样，新行颜色又定在那
dxb_828 2009-08-29
  • 打赏
  • 举报
 回复
就是既能鼠标滑过时行颜色变为红色，又能点中行时颜色变为红色，并且鼠标滑过时刚才点中的行的颜色还是红色，当点中另一行时，刚才点中行的颜色才变为白色，新点中的行颜色变为红色
BeenZ 2009-08-29
  • 打赏
  • 举报
 回复
没明白你的意思，可否把要求说明白点
dxb_828 2009-08-29
  • 打赏
  • 举报
 回复
还是不行啊，两者不能并存啊
dxb_828 2009-08-29
  • 打赏
  • 举报
 回复
点中颜色能改变，但是在tr中加上鼠标划过不能样式后刚才选中行的颜色自动就没了
BeenZ 2009-08-29
  • 打赏
  • 举报
 回复
再来个鼠标移动上去的


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

    </head>

     <script language=javascript>

            var t, n, c;

            var lastrow;

            function doit(){

                if(event.keyCode==38){

                    if(c!=null) t.rows[c].style.backgroundColor = "#ffffff";

                    if(c==null) c=0;

                    else if(c==0) c=n-1;

                    else c--;

                    t.rows[c].style.backgroundColor = "#cceeff";

                }

                else if(event.keyCode==40){

                    if(c!=null) t.rows[c].style.backgroundColor = "#ffffff";

                    if(c==null) c=0;

                    else if(c==n-1) c=0;

                    else c++;

                    t.rows[c].style.backgroundColor = "#cceeff";

                }

            }

            window.onload=function(){

                t = document.getElementById("tb");

                n = t.rows.length;

                for(var i=0;i<n;i++){

                    t.rows[i].onclick = function(){

                        for(var j=0;j<n;j++) t.rows[j].style.backgroundColor="#ffffff"

                        this.style.backgroundColor="#cceeff";

                    };

			t.rows[i].onmouseover = function(){

                        for(var j=0;j<n;j++) t.rows[j].style.backgroundColor="#ffffff"

                        this.style.backgroundColor="#cceeff";

                    };

                }

	          

                document.onkeyup = doit;

		

            }

        </script>

    <body >

       



        <table id="tb" border=1px gray>

            <tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr>

            <tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>

            <tr><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>

            <tr><td>41</td><td>42</td><td>43</td><td>44</td><td>45</td></tr>

            <tr><td>51</td><td>52</td><td>53</td><td>54</td><td>55</td></tr>

        </table>



    </body>

</html>
BeenZ 2009-08-29
  • 打赏
  • 举报
 回复 


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

    </head>

     <script language=javascript>

            var t, n, c;

            var lastrow;

            function doit(){

                if(event.keyCode==38){

                    if(c!=null) t.rows[c].style.backgroundColor = "#ffffff";

                    if(c==null) c=0;

                    else if(c==0) c=n-1;

                    else c--;

                    t.rows[c].style.backgroundColor = "#cceeff";

                }

                else if(event.keyCode==40){

                    if(c!=null) t.rows[c].style.backgroundColor = "#ffffff";

                    if(c==null) c=0;

                    else if(c==n-1) c=0;

                    else c++;

                    t.rows[c].style.backgroundColor = "#cceeff";

                }

            }

            window.onload=function(){

                t = document.getElementById("tb");

                n = t.rows.length;

                for(var i=0;i<n;i++){

                    t.rows[i].onclick = function(){

                        for(var j=0;j<n;j++) t.rows[j].style.backgroundColor="#ffffff"

                        this.style.backgroundColor="#cceeff";

                    };

                }             

                document.onkeyup = doit;

            }

        </script>

    <body >

       



        <table id="tb" border=1px gray>

            <tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr>

            <tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>

            <tr><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>

            <tr><td>41</td><td>42</td><td>43</td><td>44</td><td>45</td></tr>

            <tr><td>51</td><td>52</td><td>53</td><td>54</td><td>55</td></tr>

        </table>



    </body>

</html>
在WinCE5.0下实现透明背景按钮(.net C#)
WinCE5.0下实现透明背景按钮(.net C#) 需要在wince5.0下实现图形化界面，用于功能导航，用过GPS导航就知道了，类似的界面。众所周知gif，PNG等图片，都是可以实现透明背景的，在win下这应该不是个问题。但在ce5.0下，无论是透明背景的ICON、PNG、GIF都无法简单实现透明背景，alpha通道会丢失。网上搜索了些资料，当然也有办法解决，大家可以查一下，但性能较低。最终按微软SDK自带的一个计算器的源码思路解决了透明背景按钮问题。 要点： 1.如何画透明背景的BMP 2.如何画按钮并实现事件 思路及解决： 1.画按钮的思路： 　　ImageAttributes imageAttr=new ImageAttributes(); 　　imageAttr.SetColorKey(Color.FromArgb(255, 0, 255),Color.FromArgb(255, 0, 255)); 　　然后使用Graphics.DrawImage(,,,,,imageAttr)函数在指定的位置上画出透明的图片。 　 2. 事件驱动的思路： 事先定义好各按钮的指令 　　public enum Command { cmd1 = 0,//无操作 cmd2,//第一项操作 cmd3,//第二项操作 cmd4,//可自己扩展 max } 在创建按钮的同时明确以下几个参数 容器控件、资源存放的目录、X坐标、Y坐标、背景图片、按钮的标题、非激活时的文字颜色、激活时的文字颜色、触发的指令。创建窗口，针对窗体事件做如下定义 •在Form_Load时生成按钮， •在Form_OnPaint时使用按钮自身的Render函数根据自己状态（有没有被点中）重画， •在MouseDown时判断点击位置是否在某个按钮的内部，如果是在它内部就改变它的状态，设置状态的同时调用窗口控件的Graphics局部重画这个按钮，　　　　 •在Form_MouseUp时判断现在的位置是不是在按钮内部，如果按下了，抬起时又移出了范围则不处理。如果按下与抬起都是在同一个按钮的边界内部则执行这个按钮所设置的指令。 以下是我使用的资源，将作为按钮的图片需要透明的部分设置成RGB(255,0,255)，那种非常刺眼的颜色。以下图片可以另存为BMP使用，设置的分辨是800*600的CE设备。
pb中DataWindow编程技巧
使DataWindow列只能追加不能修改，实现列的自动折行，在数据窗口中实现动画等等
减去图像均值matlab代码-Color-Transfer-Between-Images:DIP课程项目工作
热图像均值matlab代码图像之间的颜色转移 该项目是 Erik Reinhard、Michael Ashikhmin、Bruce Gooch 和 Peter Shirley 论文的实施。 概念 图像处理中最常见的任务之一是改变图像的颜色。 本文描述了一种更一般形式的颜色校正方法，该方法从另一个图像中借用了一个图像的颜色特征。 算法 程序如下： 从 RGB 到ℓαβ 颜色空间的转换。 由于通道之间的去相关性，将 RGB 颜色空间转换为ℓαβ颜色空间。 ℓ 轴代表消色差通道，而 α 和 β 通道是有色黄-蓝和红-绿对立通道。 统计和色彩校正 首先，我们分别从每个通道上的数据点中减去平均值： 然后，我们通过由各自的标准偏差确定的因素来缩放组成合成图像的数据点： 最后，我们将结果转换回RGB 。 结果 用法 此代码是用MATLAB编写的。 在color_transfer_built.m文件的3次和第4行分别在源和目标变量改变源和目标图像。
CocoStudio V 0.1.7
CocoStudio v0.1.7更新说明 场景编辑器： 更新场景编辑器，适配新版cocos2d-x 2.1.4，支持cocos2d-x全部组件。 增加：场景编辑器解析 JsonReader。 增加：加载场景例子。 UI编辑器: 将UI，场景，动画三个编辑器的打开路径使用不同节点保存在配置文件中； 优化UI编辑器撤销回退功能，增加对全选颜色改变，层容器旋转，复制粘贴的撤销回退功能的支持； 修复多选控件选择底边对齐不正确的问题； 在UI编辑器增加“画布列表”窗口，支持对画布新建，重命名、删除、拷贝、粘贴等操作，实现在同一项目中可以进行多个画布之间的切换操作。 多工程导入模板功能优化 动画编辑器: 增加骨骼列表的框选移动框选框； 使骨骼的层级变成图片的层级； 资源编辑窗口中碰撞区域是否添加的控制； 在点中关键帧的时候在渲染区选中与当前关键帧所对应的图片； 导入的Flash动画在结构树区域没有缩略图； 拖动大量帧的时候，装饰器的渲染跟帧的渲染不同步。
OpenCV中的图像处理 —— 改变颜色空间+图像几何变换
OpenCV中的图像处理 —— 改变颜色空间+图像几何变换 这一部分主要介绍OpenCV图像处理中的改变颜色空间和图像的几何变换，颜色空间的改变应用非常广泛，在处理图像的实际问题中，经常需要要图像变换为单通道灰度图像等形式操作，在文中会有一个追踪颜色的小实例便于理解，图像的几何变换是老生常谈的东西了，但是在图像处理中有一些新的概念，例如仿射变换和透视变换，废话不多说直接开干！ 目录OpenCV中的图像处理 —— 改变颜色空间+图像几何变换1. 改变颜色空间1.1 改变颜色空间1.2 颜色对象追踪2.
JavaScript

87,997

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章