0

私はいくつかのイベントで写真を変換しようとしています..クリックしてください。Linux や XP の chrome では問題なく動作しますが、windows 7 または 8 の chrome では正しく表示されません。

Windows 7 または 8 の firefox と chrome で以下のリンクを開くと、私の問題が何であるかがわかります。

http://blacksheepinc.in/temp.php

コード例:

<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
function rtt() { 
  $('#logo').css('-webkit-transition', 'all 2s ease-in')
  $('#logo').css('-moz-transition', 'all 2s ease-in')
  $('#logo').css('-webkit-transform','rotate(270deg)');
  $('#logo').css('-moz-transform','rotate(270deg)');
}
</script>
</head>
<body>
<pre>
Click on the pic
</pre>
<img id='logo' src='logo.png' onclick='rtt()' style='position:absolute;'/>
</body>
</html>

他の誰かがそれに直面しましたか？

ありがとうございました!!!

4

1 に答える 1

1

これを CSS を増やして JS を減らしてみましたか? 私は自分のアニメーションで jQuery よりも CSS を信頼しています。このような：

<style type="text/css">

  .logo {
    -webkit-transition:all 2s ease-in;
    -moz-transition: all 2s ease-in;
  }
  .logo.end {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
  }

</style>
<script type='text/javascript'>

  $('#logo').click(function() {
    $(this).addClass('end');
  });

</script>
于 2012-07-27T19:25:48.490 に答える