Jquery效果在firefox中不起作用
我在悬停时使用了一个简单的jquery图像缩放效果。它在chrome上运行良好,但在firefox和IE上并没有显示效果。fadeIn在这三种浏览器上都运行良好。 我正在使用以下代码:Jquery效果在firefox中不起作用,jquery,firefox,Jquery,Firefox,我在悬停时使用了一个简单的jquery图像缩放效果。它在chrome上运行良好,但在firefox和IE上并没有显示效果。fadeIn在这三种浏览器上都运行良好。 我正在使用以下代码: <script type="text/javascript" src="js/jquery-2.0.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $
<script type="text/javascript" src="js/jquery-2.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#matter1').css("display", "none");
$('#matter1').fadeIn(3000);
$('img.img_zoom').hover(function () {
$(this).animate({
'zoom': 1.2
}, 100);
}, function () {
$(this).animate({
'zoom': 1
}, 100);
});
$('a.nav_font').hover(function () {
$(this).animate({
'zoom': 1.1
}, 75);
}, function () {
$(this).animate({
'zoom': 1
}, 75);
});
});
</script>
$(文档).ready(函数(){
$('#matter1').css(“显示”、“无”);
$('matter1')。法代因(3000);
$('img.img_zoom')。悬停(函数(){
$(此)。设置动画({
“缩放”:1.2
}, 100);
},函数(){
$(此)。设置动画({
“缩放”:1
}, 100);
});
$('a.nav_font')。悬停(函数(){
$(此)。设置动画({
“缩放”:1.1
}, 75);
},函数(){
$(此)。设置动画({
“缩放”:1
}, 75);
});
});
提前感谢您。您是否尝试过在jQuery1.x分支上运行此功能?jQuery 2放弃了对许多旧浏览器的支持进一步研究后,似乎Firefox或IE不支持zoom。相反,您可以使用:
-moz-transform: scale(x);
在ie中:
-ms-transform: scale(x);
您是否尝试过使用较旧版本的jQuery(如1.8)的插件,并且效果良好?@adeneo:-刚刚尝试使用1.8.3,但没有效果。还有其他想法吗?你在使用插件,对吗?不是插件,只是直接使用函数。是什么让你认为
zoom
是一个可以设置动画的有效CSS属性?