$('box').addEvents({
   "mouseover":function() {
     $(fBox).removeClass('alphaBox');
   },
   "mouseout":function() {
     $(fBox).addClass('alphaBox');
   }
});我想实现当鼠标移入box这个id的内部时,添加class为alphaBox,移出时移除alphaBox。
alphaBox{opacity:.3;filter:alpha(opacity=30);}但是碰到一个问题,在ie下总是一闪一闪的,ff下就是正常的,希望高人能赐教。

解决方案 »

  1.   

    修改一下:fBox 就是‘box’
      

  2.   

    表面上看貌似没问题,正常的加入事件,你直接写这样试试
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style>
      .a{border:1px solid red;}
      .b{border:1px solid green;}
      </style>
      <script type="text/javascript">  </script>
     </HEAD> <BODY>
      <div style="width:300px;height:300px;border:1px solid" onmouseover="this.className='a'" onmouseout="this.className='b'">
      </div>
     </BODY>
    </HTML>
      

  3.   

    filter:alpha(opacity=50); /* IE */        
    -moz-opacity:0.5; /* Moz + FF */       
    opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/
      

  4.   

    我看你的js怎么好像不伦不类的,jquery不像,javascript也不像...
      

  5.   

    哦,是mootools,呵呵,已经解决了,把mouseout改成mouseleave就好了。嘿嘿