JavaScript在Firefox中不工作。可能是parseInt
下面的脚本在大多数浏览器中都能正常工作,但在Firefox中根本不能。 如果有人有任何想法,这将是一个很大的帮助。 我已经包括了jQuery 我想做一个雪碧按钮JavaScript在Firefox中不工作。可能是parseInt,javascript,firefox,parseint,Javascript,Firefox,Parseint,下面的脚本在大多数浏览器中都能正常工作,但在Firefox中根本不能。 如果有人有任何想法,这将是一个很大的帮助。 我已经包括了jQuery 我想做一个雪碧按钮 <script type='text/javascript'> $(document).ready(function() { var intval=""; var rewind =""; $('#logo').hover(function(){ if(intval==""){ intval =win
<script type='text/javascript'>
$(document).ready(function() {
var intval="";
var rewind ="";
$('#logo').hover(function(){
if(intval==""){
intval =window.setInterval(play_animation,30);
}
},function(){
window.clearInterval(intval);
intval="";
if(rewind==""){
rewind=window.setInterval(rewind_animation,30);
}
});
function play_animation(){
//retrieve background x-coordinate because IE only recognize 'background-position
var frame = $('#logo').css('background-position-x').split(' ');
var framei =parseInt(frame[0].split('px'));
if(framei > (-360)){
var xpos =framei-40;
$('#logo').css({'backgroundPosition':xpos+'px 0px'});
}
}
function rewind_animation(){
var frame = $('#logo').css('background-position-x').split(' ');
var framei =parseInt(frame[0].split('px'));
//if background position exist, rewind back to starting point
if(framei ){
var xpos =framei+40;
$('#logo').css({'backgroundPosition':xpos+'px 0px'});
}
//when animation returns to starting point clear out the interval function
if(framei==0){
window.clearInterval(rewind);
rewind="";
}
}
});
</script>
其中有
var frame=$('#logo').css('background-position-x').split('')代码>
我认为您实际上需要var frame=$('#logo').css('background-position').split('')代码>(删除“-x”)。这为我解决了这个问题。这里有var frame=$('#logo').css('background-position-x').split('')代码>
我认为您实际上需要var frame=$('#logo').css('background-position').split('')代码>(删除“-x”)。这就解决了我的问题。你能比“根本不在Firefox中”更具体一点吗?你有错误吗?您是否安装了firefox开发者附加组件(如webdeveloper)以便查看错误的详细信息?您是否可以比“在firefox中根本没有”更具体?你有错误吗?您是否安装了firefox开发者附加组件(如webdeveloper),以便查看错误的详细信息?是的。规范中没有background-position-x
CSS属性。一些浏览器只是凑合了一下。是的。规范中没有background-position-x
CSS属性。一些浏览器只是虚构出来的。
#logo{
background:url(circles2.jpg) 0px 0px no-repeat;
height:40px;
width:40px;
display:block;
}