编程论坛 → ASP技术论坛

一个说不出来的效果- -

罗林鹏发布于 2010-08-18 10:37， 645 次点击

就是我有好多行数据，但是每次找的时候怕找错，我想做出一种：点击哪一行，哪一行就突出出来，或者变颜色。- -只要和其他有区别就行，当离开时就变回原样。- -。是asp显示页面。

[ 本帖最后由罗林鹏于 2010-8-18 11:07 编辑 ]

7 回复

#2

hams2010-08-18 11:47

这个很简单

#3

罗林鹏2010-08-18 11:52

额。怎么做啊

#4

lele20072010-08-18 14:39

程序代码：

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


    <tr bgcolor="#B9D5FF">
      <td width="15%">选择</td>
      <td width="18%">用户名</td>
      <td width="18%">昵称</td>
      <td width="30%">网站域名</td>
      <td width="19%">姓名</td>
    </tr>

    <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>

  </table>

#5

gupiao1752010-08-18 18:16

满简单的，按需分配即可！

程序代码：

<script>
function addlineeffect(id,element)//获取ID为id的对象下的所有element元素！

{

var tr=[];

tr=document.getElementById(id).getElementsByTagName(element);
   for(var i=1,j=tr.length;i<j;i++)
   {
     tr[i].onmouseover=function(){
      this.style.backgroundColor='#B9D5FF';
                                 }
     tr[i].onmouseout=function(){
      this.style.backgroundColor='';
                                 }
   }

}
window.onload=function(){
addlineeffect('tb','tr');
}

</script>

<table id="tb" width="100%" border="0" cellpadding="5" cellspacing="1">


    <tr bgcolor="#B9D5FF">
      <td width="15%">选择</td>
      <td width="18%">用户名</td>
      <td width="18%">昵称</td>
      <td width="30%">网站域名</td>
      <td width="19%">姓名</td>
    </tr>

    <tr>
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
     <tr>
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>
    <tr>
      <td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
      <td>lele2007</td>
      <td>乐乐</td>
      <td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
      <td>编程论坛</td>
    </tr>

</table>

#6

funky2010-08-19 11:38

多学学css 这个asp无关.

#7

罗林鹏2010-08-20 17:34

谢谢- -

1