Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery IE8脚本的动画进度条_Jquery_Internet Explorer_Animation_Background - Fatal编程技术网

Jquery IE8脚本的动画进度条

Jquery IE8脚本的动画进度条,jquery,internet-explorer,animation,background,Jquery,Internet Explorer,Animation,Background,请帮帮我。我需要一个关于IE中进度条问题的建议。它应该是动画的,如中所示。 我下载了jquery.backgroundpos.js,但它对IE来说仍然很奇怪。在chrome中,它以水平方向动画,在IE中,它以垂直方向动画。这怎么可能? 另一个问题——动画只会持续一段时间,这是我们定义的。我需要一个与时间无关的循环,只需用户aciton即可。您可以展示一把小提琴或一个实例,以获得更多帮助 对于第一个问题,不看代码,请记住背景位置接受两个参数x px y px。可能是IE动画不同,只指定了一个方向,

请帮帮我。我需要一个关于IE中进度条问题的建议。它应该是动画的,如中所示。 我下载了jquery.backgroundpos.js,但它对IE来说仍然很奇怪。在chrome中,它以水平方向动画,在IE中,它以垂直方向动画。这怎么可能?
另一个问题——动画只会持续一段时间,这是我们定义的。我需要一个与时间无关的循环,只需用户aciton即可。

您可以展示一把小提琴或一个实例,以获得更多帮助


对于第一个问题,不看代码,请记住
背景位置
接受两个参数
x px y px
。可能是IE动画不同,只指定了一个方向,例如背景位置:-5px

你可以展示一把小提琴或一个实例以获得更多帮助


对于第一个问题,不看代码,请记住
背景位置
接受两个参数
x px y px
。可能是IE动画不同,只指定了一个方向,例如
背景位置:-5px

没有任何插件,有一个更简单的解决方案。 HTML:

Javascript:

$("#filled_bar").css("width","newpercentage%");

有一个更简单的解决方案,没有任何插件。 HTML:

Javascript:

$("#filled_bar").css("width","newpercentage%");

避免浪费宝贵时间的最简单方法是使用gif动画。在IE8中尝试让它正常工作真的不值得头疼。绝对最简单的方法和避免浪费宝贵时间的方法是使用gif动画。在IE8.JSFiddle中尝试让它正常工作真的不值得头痛:(用图像替换背景色)。还有一件事。如果您希望在进程中播放动画,请使用jQuery:-)的animate函数。还有,请看一下谢谢,但问题出在jquery动画中。它在chrome浏览器8中水平动画,在explorer 8中垂直动画。。。我正在使用jquery.backgroundpos.js:$('.progressbar span').animate({'backgroundPosition':'100px 0px'},10000);JSFiddle:(只需用图像替换背景色)。还有一件事。如果您希望在进程中播放动画,请使用jQuery:-)的animate函数。还有,请看一下谢谢,但问题出在jquery动画中。它在chrome浏览器8中水平动画,在explorer 8中垂直动画。。。我正在使用jquery.backgroundpos.js:$('.progressbar span').animate({'backgroundPosition':'100px 0px'},10000);
$("#filled_bar").css("width","newpercentage%");