javascript – 使用jQuery旋转图像OnClick?

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

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

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

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

任何人的想法?

非常感谢!
亚伦

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

$('.expand-one').toggle(function() {
    $('.content-one').slideDown('slow');
    $(this).find("img").css({
        "-webkit-transform": "rotate(180deg)","-moz-transform": "rotate(180deg)","filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
    });
},function() {
    $('.content-one').slideUp('slow');
    $(this).find("img").css({
        "-webkit-transform": "rotate(0deg)","-moz-transform": "rotate(0deg)","filter": "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"
    });
});
原文链接:https://www.f2er.com/jquery/428033.html

猜你在找的jQuery相关文章