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

我认为您遗漏了"左侧，也删除了,。

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

"left":"-=30px"

},1000);

另外

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

因此，animate无效

也许试试这个

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

Answer 2

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

尝试将代码更改为：

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

Jquery Animate没有作品

2 个答案: