这样的效果如何实现？在线等...........

给一个元素加上onmouseover这些事件...比如：
function c1()
{
  mydiv.style.backgroundColor="red";
}
function c2()
{
  mydiv.style.backgroundColor="white";
}
<div id="mydiv" onmouseover="c1()" onmouseout="c2()">abcde</div>

解决方案 »

  1.   

    to smoothwood(I try my best) ( )onmouseover,onmouseout这两个比较好办，主要是onclick时如何让颜色变化，之后再onmouseover或onmouseout时这个颜色不会变，直到onclick另一个链接。谢谢
      

  2.   

    <script language="javascript">
    function c1(objin)
    {
      if(objin.style.backgroundColor!="yellow")
      {
        objin.style.backgroundColor="red";
      }
    }
    function c2(objout)
    {
      if(objout.style.backgroundColor!="yellow")
      {
        objout.style.backgroundColor="white";
      }
    }
    function c3(objclick)
    {
      objclick.style.backgroundColor="yellow"
    }
    </script>
    -------------------------------------------------------------------
    <body>
    <div id="mydiv1" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">abcde</div>
    <div id="mydiv2" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">fghij</div>
    <div id="mydiv3" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">kolab</div>
    </body>
      

  3.   

    to  smoothwood(I try my best)但是我onclick这三个div 全部都变黄色了，应该是点击mydiv1，那么mydiv1变黄，再点击mydiv2 ，那么mydiv2 变黄，mydiv1还原成白色。............
      

  4.   

    <script language="javascript">
    function c1(objin)
    {
      if(objin.style.backgroundColor!="yellow")
      {
        objin.style.backgroundColor="red";
      }
    }
    function c2(objout)
    {
      if(objout.style.backgroundColor!="yellow")
      {
        objout.style.backgroundColor="white";
      }
    }
    function c3(objclick)
    {
      var divcol=document.all.tags("div");
      for(var i=0;i<divcol.length;i++)
      {
        divcol[i].style.backgroundColor="white";
      }
      objclick.style.backgroundColor="yellow"
    }
    </script>
    --------------------------------------------------------------
    <body>
    <div id="mydiv1" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">abcde</div>
    <div id="mydiv2" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">fghij</div>
    <div id="mydiv3" onmouseover="c1(this)" onmouseout="c2(this)" onclick="c3(this)">kolab</div>
    </body>
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
    其实你可以自己改一改，就能实现你要得功能了：）