jquery - Jquery Animate 没有作品

Question

我为鼠标悬停元素创建功能并从我网站的一个菜单中移动

<script>

function cp_menu(id,status)
{

if(status=="no")
{
var url="<?php echo get_stylesheet_directory_uri(); ?>/core/imagenes/mod_register/"+id+".png";
jQuery("."+id).attr("src",url);
}
else
{
var url="<?php echo get_stylesheet_directory_uri(); ?>/core/imagenes/mod_register/"+id+"_over.png";
jQuery("."+id).attr("src",url);


jQuery("."+id).animate({

left:"-30",

},1000);


}

}

</script>

动画的问题，没有作品，没有移动到顶部的一些像素，只有那个

我用这个调用脚本：

<img src="image.png" class="dominios" onmouseover="cp_menu('number_1','yes')" onmouseout="cp_menu('number_1','no');">

感谢和问候 ！

Answer 1

我认为您缺少"left ，也删除,.

jQuery("."+id).animate({

"left":"-=30px"

},1000);

还

jQuery("."+id)  // there is no id like number_1

因此动画不起作用

也许试试这个

jQuery(this).animate({"left": "-30px"}, 1000);

Answer 2

看起来您作为参数传入的类名与图像的实际类不同。

尝试将您的代码更改为：

<img src="image.png" class="dominios" onmouseover="cp_menu('dominios','yes')" onmouseout="cp_menu('dominios','no');">