我这里有一些代码可以在Firefox中完美运行,但不能在chrome或IE中运行,
我的javascript因此
`
$(document).ready(function(){
$(“#clientLoginPop”)。show();
$(“#clientLoginPop”)。animate({“ left”:“-= 400px”},“ fast”);
});
$(“#clientLoginCloseLink”)。click(function(){
$(“#clientLoginPop”)。animate({“ left”:“ + = 400px”},“ fast”);
});
$(“#contactUsPopLink”)。click(function(){
$(“#contactUsPop”)。show();
$(“#contactUsPop”)。animate({“ left”:“-= 437px”},“ fast”);
});
$(“#contactUsClose”)。click(function(){
$(“#contactUsPop”)。animate({“ left”:“ + = 474px”},“ fast”);
});
});
`
最后div的css看起来像这样,我认为很重要的一点是它与浏览器的右侧对齐:(客户端登录div看起来相似,只是高度不同)
`
#contactUsPop
{
宽度:437px;
右:-437px;
margin-top:220px;
位置:固定
高度:217px;
背景颜色:白色;
z-index:2;
}
`
因此,在Firefox中发生的是div动画向左移动,然后在关闭时向右移动。在Chrome中,div似乎根本不弹出吗?
网站的网址是这样的:
http://clearcreativegroup.com/devcorner/clear3/
标签位于浏览器的右侧,任何建议都会帮助您,谢谢!
最佳答案
$("#clientLoginPop").animate({"right": "+=400px"}, "fast");