javascript - 用javascript改变不透明度？

Question

我需要一些帮助来解决这个问题!我正在尝试更改位于我网站底部的工具栏 (Class) 的不透明度。以下代码适用于 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();

      });
   });

});