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 回答