当前位置: 代码迷 >> ASP >> 求先辈帮做个网页
  详细解决方案

求先辈帮做个网页

热度:283   发布时间:2013-10-11 14:52:39.0
求前辈帮做个网页

轮牌的,当1#双击变红跳到后面的时候,其它列的1#全部变暗下来!再双击变黑后其它的列也自动变黑!每个号码代表一个员工。

------解决方案--------------------
能力有限,水平一般,让楼下的高手给你写吧
------解决方案--------------------
能力有限,水平一般,让楼下的高手给你写吧 
=================================
有人会队型不?
------解决方案--------------------
这个可以用CSS实现啊,伪类.颜色.
------解决方案--------------------

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="jquery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $("td").dblclick(function(e) {
if (!$(this).hasClass("active") &&  !$(this).hasClass("disable")){
$("td:contains('" + $(this).text() +"')").addClass("disable");
$(this).removeClass().addClass("active")
}
else if ($(this).hasClass("active")){
$("td:contains('" + $(this).text() +"')").removeClass();
}

    });
});
</script>
<style type="text/css">
.active {color:red}
.disable {color:#999}
}

</style>
</head>

<body>
<table width="300" border="1">
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>1#</td>
    <td>2#</td>
    <td>&nbsp;</td>
    <td>3#</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>1#</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>3#</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>1#</td>
    <td>3#</td>
    <td>1#</td>
    <td>1#</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>3#</td>
    <td>&nbsp;</td>
    <td>2#</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>1#</td>
    <td>3#</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>1#</td>
  </tr>
</table>

</body>
</html>

  相关解决方案