0

ホバー機能で背景色を変えたいけどスローモーションで見せたい。また、ホバー時にいくつかの CSS プロパティを追加していて、削除してホバーアウトしたいと考えています。しかし、私の機能は私の要件に従って機能しません。

$(function (){

      $('.box').hover(function (){

          $('body').css({'background-color':'black'})

          $(this).css('-moz-transition', 'opacity .3s')
          $(this).css('-webkit-transition', 'opacity .3s')
          $(this).css('-o-transition', 'opacity .3s')
          $(this).css('-ms-transition', 'opacity .3s')

          }, function () {

              $('body').css({'background-color':'black'})

              $(this).remove('-moz-transition','none')

              })


      })
4

2 に答える 2

1

関数についてはまだわかりませんが、ホバー関数にエラーがあります。以下を取り除きます：

  $(this).css('-moz-transition', 'opacity .3s')
  $(this).css('-webkit-transition', 'opacity .3s')
  $(this).css('-o-transition', 'opacity .3s')
  $(this).css('-ms-transition', 'opacity .3s')

彼らはそのように割り当てられるべきではありません。代わりに、css for でこれらの属性を割り当てます.box。

遷移属性を追加すると、不透明度が取り除か-durationれ、最後に追加されるtransitionため、最終的な追加は次のようになります。-moz-transition-duration: 3s

body background-colorドキュメントのプロパティを変更したいですか、それとも.box background-colorホバー時のプロパティを変更したいですか? 私は少し混乱しています。

変更が体の背景にある場合、ここにフィドルがあります

于 2012-07-12T10:27:49.700 に答える
0

色の遷移は Jquery UI で行うことができます。これがデモです。

于 2012-07-12T09:57:32.053 に答える