简单的Jquery悬停放大

前端之家收集整理的这篇文章主要介绍了简单的Jquery悬停放大前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不知道我在哪里错了.我正在使用缩放函数创建一个非常简单的使用 Jquery的鼠标放大插件.这是我的代码
$(document).ready(function(){
    $("#content img").toggle("scale",{
      percent: "80%"
    },0);
$('#content img').hover(function() {
    $(this).css("cursor","pointer");
    $(this).toggle("scale",{
      percent: "90%"
    },500);

},function() {
    $(this).toggle("scale",500);

});
});

这里有一个小例子:http://jsfiddle.net/8ECh6/

这里是:http://samples.zcardna.com/health.html

如果somone知道我错了哪里会真棒!
谢谢!

解决方法

那么我不完全确定你的代码为什么不工作,因为我通常在尝试完成类似的事情时采用不同的方法.

但你的代码错误的..似乎有一个问题,你使用的方式,我得到的jQuery实际执行,通过改变你的代码到以下.

$(document).ready(function(){
    $('img').hover(function() {
        $(this).css("cursor","pointer");
        $(this).toggle({
          effect: "scale",percent: "90%"
        },200);
    },function() {
         $(this).toggle({
           effect: "scale",percent: "80%"
         },200);

    });
});

但是我一直使用CSS来设置我的缩放和转换.

这是一个例子,希望它有帮助.

$(document).ready(function(){
    $('#content').hover(function() {
        $("#content").addClass('transition');

    },function() {
        $("#content").removeClass('transition');
    });
});

http://jsfiddle.net/y4yAP/

猜你在找的jQuery相关文章