javascript – 使用jQuery旋转图像OnClick?

前端之家收集整理的这篇文章主要介绍了javascript – 使用jQuery旋转图像OnClick?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有这个代码
http://jsfiddle.net/Q4PUw/2/

因此,一个简单的隐藏到jQuery脚本的jQuery脚本.

我想知道怎么做的是在“expand-one”类中有一个可以旋转90度的图像,所以当CLASS可见时,图像将朝下,然后一旦它变成隐藏,它将旋转回原来的点.

任何人的想法?

非常感谢!
亚伦

最佳答案
你可以用css:http://jsfiddle.net/Tentonaxe/Q4PUw/6/做到这一点

  1. $('.expand-one').toggle(function() {
  2. $('.content-one').slideDown('slow');
  3. $(this).find("img").css({
  4. "-webkit-transform": "rotate(180deg)","-moz-transform": "rotate(180deg)","filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
  5. });
  6. },function() {
  7. $('.content-one').slideUp('slow');
  8. $(this).find("img").css({
  9. "-webkit-transform": "rotate(0deg)","-moz-transform": "rotate(0deg)","filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"
  10. });
  11. });

猜你在找的jQuery相关文章