我不知道我在哪里错了.我正在使用缩放函数创建一个非常简单的使用
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'); }); });