javascript - 用javascript改变不透明度？

Question

我需要一些帮助来解决这个问题！我正在尝试更改位于我网站底部的工具栏（类）的不透明度。以下代码适用于 Chrome 和 Firefox，但在 IE8 上...不行。我已经尝试了各种各样的东西来让它工作，但为了保持这篇文章的干净，我不会全部列出来。

<script>
        function hide() {
             $(".grid_10.bottombar").animate( { opacity: 0, left: 0 }, 1000 );
             $( ".ArrowBottom.float-right" ).show();
        }
  </script>

  <p>
        <img onclick="hide()" src="/images/BlueArrowSmall.png" />
  </p>

任何帮助将不胜感激！提前致谢。

Answer 1

我将采用这种方式。仅使用 jQuery 并将该 evenListener 附加到该类。

$(function(){
   $('.bottombar').on('click', function(){
      $(this).animate( { opacity: 0, left: 0 }, 1000, function(){

        $('.ArrowBottom').find('.float-right').show();

      });
   });

});