关于表格奇偶行颜色、选中颜色、 onmouseover的颜色、onmouseout的颜色的问题，多谢大家了！

To  treeroot(旗鲁特) 
麻烦你帮我写个完整的可以么，多谢你了！

解决方案 »

  1.   

    http://dotnet.aspx.cc/ShowList.aspx?id=1
    的源代码
      

  2.   

    To net_lover(孟子E章) 好象没有被选中的功能的呀，被选中的功能意思是：如果选择第一行后，第一行变为红色，这是如果再选择第二行，第二行变成红色，同时第一行就变为原来的颜色，多谢你了
      

  3.   

    回复人： treeroot(旗鲁特) ( ) 信誉：100  2005-06-02 15:10:00  得分: 0  
     
     
       鼠标经过不就是选中吗
      
     
    鼠标选中指的是点击鼠标左键，被选中的功能意思是：如果选择第一行后，第一行变为红色，这是如果再选择第二行，第二行变成红色，同时第一行就变为原来的颜色，多谢你了同时也要有onmouseover事件和onmouseout事件，多谢了
      

  4.   

    http://blog.csdn.net/wanghr100/archive/2003/11/23/16364.aspx其他效果可以仿照添加~~
      

  5.   

    那你就加一个onClick事件吧
      

  6.   

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>table颜色变换</TITLE>
    <script>
    var nn = 1
    function init()
    {
    o = document.getElementById("tb").rows
    for(i = 0;i<o.length;i++)
    {
    if(i % 2 == 0 ) 
    o[i].bgColor="red"
    else
    o[i].bgColor="GREEN"
    if(document.getElementById("tb").getAttribute("where") != "")
    document.getElementById("tb").rows[parseInt(document.getElementById("tb").getAttribute("where"))].bgColor="#FF00FF"
    if(1==nn)
    {
    o[i].attachEvent("onmouseover",mov)
    o[i].attachEvent("onmouseoutr",mot)
    }
    }nn++
    }function mov()
    {
    init()
    e = event.srcElement
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    e.bgColor="#0000FF"
    }function mot()
    {
    init()
    }
    function SetColor()
    {

    e = event.srcElement
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    {
    e.bgColor="#FF00FF"
    document.getElementById("tb").setAttribute("where",e.rowIndex)
    }
    init()
    }
    </script>
    </HEAD>
    <BODY ONLOAD="init()">
    <DIV ALIGN="CENTER">
    <TABLE BORDER="1" cellspacing="0" cellpadding="0" onclick="SetColor()" id=tb where="">
    <Tr>
        <TD>第一列</TD>
        <TD>第二列</TD>
        <TD>第三列</TD>
    <TD>第四列</TD>
        <TD>第五列</TD>
        <TD>第六列</TD>
    <TD>第七列</TD>
        <TD>第八列</TD>
      </TR>
        <TR>
            <TD WIDTH="88">11</TD>
            <TD WIDTH="88">12</TD>
            <TD WIDTH="88">13</TD>
            <TD WIDTH="88">14</TD>
            <TD WIDTH="88">15</TD>
            <TD WIDTH="88">16</TD>
            <TD WIDTH="88">17</TD>
            <TD WIDTH="88">18</TD>
        </TR>
        <TR>
            <TD>21</TD>
            <TD>22</TD>
            <TD>23</TD>
            <TD>24</TD>
            <TD>25</TD>
            <TD>26</TD>
            <TD>27</TD>
            <TD>28</TD>
        </TR>
        <TR>
            <TD>31</TD>
            <TD>32</TD>
            <TD>33</TD>
            <TD>34</TD>
            <TD>35</TD>
            <TD>36</TD>
            <TD>37</TD>
            <TD>38</TD>
        </TR>
        <TR>
            <TD>41</TD>
            <TD>42</TD>
            <TD>43</TD>
            <TD>44</TD>
            <TD>45</TD>
            <TD>46</TD>
            <TD>47</TD>
            <TD>48</TD>
        </TR>
        <TR>
            <TD>51</TD>
            <TD>52</TD>
            <TD>53</TD>
            <TD>54</TD>
            <TD>55</TD>
            <TD>56</TD>
            <TD>57</TD>
            <TD>58</TD>
        </TR>
    </TABLE>
    </DIV>
    </BODY>
    </HTML>
      

  7.   

    To net_lover(孟子E章) 多谢你了，不过我不想第一行，参与颜色的变换，不知可以实现么，多谢你了还有一个，如果点得多次的话，会出现行：46
    字符：2
    错误：缺少对象
    代码：0的提示信息，麻烦你帮我看看，多谢你了
      

  8.   

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>table颜色变换</TITLE>
    <script>
    var nn = 1
    function init()
    {
    o = document.getElementById("tb").rows
    for(i = 1;i<o.length;i++)
    {
    if(i % 2 == 0 ) 
    o[i].bgColor="red"
    else
    o[i].bgColor="GREEN"
    if(document.getElementById("tb").getAttribute("where") != "")
    document.getElementById("tb").rows[parseInt(document.getElementById("tb").getAttribute("where"))].bgColor="#FF00FF"
    if(1==nn)
    {
    o[i].attachEvent("onmouseover",mov)
    o[i].attachEvent("onmouseoutr",mot)
    }
    }nn++
    }function mov()
    {
    init()
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    e.bgColor="#0000FF"
    }function mot()
    {
    init()
    }
    function SetColor()
    {
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    {
    e.bgColor="#FF00FF"
    document.getElementById("tb").setAttribute("where",e.rowIndex)
    }
    init()
    }
    </script>
    </HEAD>
    <BODY ONLOAD="init()">
    <DIV ALIGN="CENTER">
    <TABLE BORDER="1" cellspacing="0" cellpadding="0" onclick="SetColor()" id=tb where="">
    <Tr>
        <TD>第一列</TD>
        <TD>第二列</TD>
        <TD>第三列</TD>
    <TD>第四列</TD>
        <TD>第五列</TD>
        <TD>第六列</TD>
    <TD>第七列</TD>
        <TD>第八列</TD>
      </TR>
        <TR>
            <TD WIDTH="88">11</TD>
            <TD WIDTH="88">12</TD>
            <TD WIDTH="88">13</TD>
            <TD WIDTH="88">14</TD>
            <TD WIDTH="88">15</TD>
            <TD WIDTH="88">16</TD>
            <TD WIDTH="88">17</TD>
            <TD WIDTH="88">18</TD>
        </TR>
        <TR>
            <TD>21</TD>
            <TD>22</TD>
            <TD>23</TD>
            <TD>24</TD>
            <TD>25</TD>
            <TD>26</TD>
            <TD>27</TD>
            <TD>28</TD>
        </TR>
        <TR>
            <TD>31</TD>
            <TD>32</TD>
            <TD>33</TD>
            <TD>34</TD>
            <TD>35</TD>
            <TD>36</TD>
            <TD>37</TD>
            <TD>38</TD>
        </TR>
        <TR>
            <TD>41</TD>
            <TD>42</TD>
            <TD>43</TD>
            <TD>44</TD>
            <TD>45</TD>
            <TD>46</TD>
            <TD>47</TD>
            <TD>48</TD>
        </TR>
        <TR>
            <TD>51</TD>
            <TD>52</TD>
            <TD>53</TD>
            <TD>54</TD>
            <TD>55</TD>
            <TD>56</TD>
            <TD>57</TD>
            <TD>58</TD>
        </TR>
    </TABLE>
    </DIV>
    </BODY>
    </HTML>
      

  9.   

    To net_lover(孟子E章) 还是有点问题，就是点到标题的时候，颜色我不想让他变，我想让他保留原来的颜色，应该怎么做呢，多谢你了
      

  10.   

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>table颜色变换</TITLE>
    <script>
    var nn = 1
    function init()
    {
    o = document.getElementById("tb").rows
    for(i = 1;i<o.length;i++)
    {
    if(i % 2 == 0 ) 
    o[i].bgColor="red"
    else
    o[i].bgColor="GREEN"
    if(document.getElementById("tb").getAttribute("where") != "")
    document.getElementById("tb").rows[parseInt(document.getElementById("tb").getAttribute("where"))].bgColor="#FF00FF"
    if(1==nn)
    {
    o[i].attachEvent("onmouseover",mov)
    o[i].attachEvent("onmouseoutr",mot)
    }
    }nn++
    }function mov()
    {
    init()
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    e.bgColor="#0000FF"
    }function mot()
    {
    init()
    }
    function SetColor()
    {
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    {
    if(e.rowIndex==0) return
    e.bgColor="#FF00FF"
    document.getElementById("tb").setAttribute("where",e.rowIndex)
    }
    init()
    }
    </script>
    </HEAD>
    <BODY ONLOAD="init()">
    <DIV ALIGN="CENTER">
    <TABLE BORDER="1" cellspacing="0" cellpadding="0" onclick="SetColor()" id=tb where="">
    <Tr>
        <TD>第一列</TD>
        <TD>第二列</TD>
        <TD>第三列</TD>
    <TD>第四列</TD>
        <TD>第五列</TD>
        <TD>第六列</TD>
    <TD>第七列</TD>
        <TD>第八列</TD>
      </TR>
        <TR>
            <TD WIDTH="88">11</TD>
            <TD WIDTH="88">12</TD>
            <TD WIDTH="88">13</TD>
            <TD WIDTH="88">14</TD>
            <TD WIDTH="88">15</TD>
            <TD WIDTH="88">16</TD>
            <TD WIDTH="88">17</TD>
            <TD WIDTH="88">18</TD>
        </TR>
        <TR>
            <TD>21</TD>
            <TD>22</TD>
            <TD>23</TD>
            <TD>24</TD>
            <TD>25</TD>
            <TD>26</TD>
            <TD>27</TD>
            <TD>28</TD>
        </TR>
        <TR>
            <TD>31</TD>
            <TD>32</TD>
            <TD>33</TD>
            <TD>34</TD>
            <TD>35</TD>
            <TD>36</TD>
            <TD>37</TD>
            <TD>38</TD>
        </TR>
        <TR>
            <TD>41</TD>
            <TD>42</TD>
            <TD>43</TD>
            <TD>44</TD>
            <TD>45</TD>
            <TD>46</TD>
            <TD>47</TD>
            <TD>48</TD>
        </TR>
        <TR>
            <TD>51</TD>
            <TD>52</TD>
            <TD>53</TD>
            <TD>54</TD>
            <TD>55</TD>
            <TD>56</TD>
            <TD>57</TD>
            <TD>58</TD>
        </TR>
    </TABLE>
    </DIV>
    </BODY>
    </HTML>
      

  11.   

    To  net_lover(孟子E章) 我都不好意思再麻烦你了有个问题我没有注意到，就是移动的时候变成蓝色的情况比如我用鼠标移动到第一行时，变成蓝色的时候，如果再把鼠标移到table外时，颜色不能变成蓝色的，如果有用鼠标的左键选中的颜色就是粉红色还是不变，多谢你了
      

  12.   

    To  net_lover(孟子E章) 不知我的解释你是否明白，我现在需要你的帮忙，多谢你了
      

  13.   

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>table颜色变换</TITLE>
    <script>
    var nn = 1
    function init()
    {
    o = document.getElementById("tb").rows
    for(i = 1;i<o.length;i++)
    {
    if(i % 2 == 0 ) 
    o[i].bgColor="red"
    else
    o[i].bgColor="green"
    if(document.getElementById("tb").getAttribute("where") != "")
    document.getElementById("tb").rows[parseInt(document.getElementById("tb").getAttribute("where"))].bgColor="#FF00FF"
    if(1==nn)
    {
    o[i].attachEvent("onmouseover",mov)
    o[i].attachEvent("onmouseoutr",mot)
    }
    }nn++
    }function mov()
    {
    init()
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    e.bgColor="#0000FF"
    }function mot()
    {
    init()
    }
    function SetColor()
    {
    e = event.srcElement
    if(e.tagName=="TABLE" || e.tagName=="TBODY") return
    while(e.tagName != "TR")
    e = e.parentElement
    if(e.tagName=="TR")
    {
    if(e.rowIndex==0) return
    e.bgColor="#FF00FF"
    document.getElementById("tb").setAttribute("where",e.rowIndex)
    }
    init()
    }
    </script>
    </HEAD>
    <BODY ONLOAD="init()">
    <DIV ALIGN="CENTER">
    <TABLE BORDER="1" cellspacing="0" cellpadding="0" onclick="SetColor()" onmouseout="mot()" id=tb where="">
    <Tr>
        <TD>第一列</TD>
        <TD>第二列</TD>
        <TD>第三列</TD>
    <TD>第四列</TD>
        <TD>第五列</TD>
        <TD>第六列</TD>
    <TD>第七列</TD>
        <TD>第八列</TD>
      </TR>
        <TR>
            <TD WIDTH="88">11</TD>
            <TD WIDTH="88">12</TD>
            <TD WIDTH="88">13</TD>
            <TD WIDTH="88">14</TD>
            <TD WIDTH="88">15</TD>
            <TD WIDTH="88">16</TD>
            <TD WIDTH="88">17</TD>
            <TD WIDTH="88">18</TD>
        </TR>
        <TR>
            <TD>21</TD>
            <TD>22</TD>
            <TD>23</TD>
            <TD>24</TD>
            <TD>25</TD>
            <TD>26</TD>
            <TD>27</TD>
            <TD>28</TD>
        </TR>
        <TR>
            <TD>31</TD>
            <TD>32</TD>
            <TD>33</TD>
            <TD>34</TD>
            <TD>35</TD>
            <TD>36</TD>
            <TD>37</TD>
            <TD>38</TD>
        </TR>
        <TR>
            <TD>41</TD>
            <TD>42</TD>
            <TD>43</TD>
            <TD>44</TD>
            <TD>45</TD>
            <TD>46</TD>
            <TD>47</TD>
            <TD>48</TD>
        </TR>
        <TR>
            <TD>51</TD>
            <TD>52</TD>
            <TD>53</TD>
            <TD>54</TD>
            <TD>55</TD>
            <TD>56</TD>
            <TD>57</TD>
            <TD>58</TD>
        </TR>
    </TABLE>
    </DIV>
    </BODY>
    </HTML>
      

  14.   

    To net_lover(孟子E章)非常非常感谢你，基本上达到要求了，太感谢你了，我再测试一下，多谢你了