ホームページ  >  記事  >  バックエンド開発  >  アニメーションのアニメーションにジッター効果があります。これを解決するにはどうすればよいですか?

アニメーションのアニメーションにジッター効果があります。これを解決するにはどうすればよいですか?

WBOY
WBOYオリジナル
2016-06-23 13:12:163051ブラウズ

アニメーションアニメーションにジッター効果があります。それを解決するにはどうすればよいですか?神様に助けを求めてください!


ディスカッションに返信(解決策)

助けを待っています! ! !

一文だけですか?どのような問題が発生したか知っている人はいますか?

アニメーション 中国語の意味: アニメーション

アニメートを使用して、遠くから近く、または近くから遠くへの画像の効果を実現したいのですが、変化すると画像にジッターが発生します。からの効果を純粋に実現したいのです。遠くから近くへ、または近くから遠くへの効果。振らないでください。

一文だけですか?どのような問題が発生したか知っている人はいますか?

アニメーション 中国語の意味: アニメーション

<div class="banner clearfix">		<div id="huandp"> <script type="text/javascript">    var num=0;    var arr=["images/sy_banner.jpg","images/501.jpg","images/919.jpg"];    var urls=["http://www.25mj.com/huodong/151212/index.php?status=0","http://www.25mj.com/huodong/151107/index.php?status=0","http://www.25mj.com/huodong/150919/index.php?status=0"];	function bian(){		$('.img').animate({                    width:"110%",                    height:"105%",                    marginLeft:"-80px",                    marginTop:"0px"                },10000);		$('.img').animate({                    width:"100%",                    height:"100%",                    marginLeft:"0px",                    marginTop:"0px"                },10000);	}		    function change(){	        var n=$(this).index();        if(n==-1){            num++;            if(num>=3){                num=0;            }            var k=num;        }else{            var k=$(this).index()-2;            num=k;        }	        var path=arr[k];	var url=urls[k];        $("#huandp img").attr("src",path);	$("#huandp a").attr("href",url);        $("#huandp div").css("color","#abcdef");        $("#huandp div:eq("+k+")").css("color","pink");	bian();    }	    $().ready(function(){	bian();        $("#huandp div").mouseover(change);        $("#huandp div").mouseout(function(){		$("#huandp img").attr("src",arr[0]);		$("#huandp a").attr("href",urls[0]);        	$("#huandp div").css("color","#abcdef");       		$("#huandp div:eq("+0+")").css("color","pink");	})    })</script>    <a href="http://www.25mj.com/huodong/151212/index.php?status=0"><img src="images/sy_banner.jpg" class="img"/> </a>	    <div id="div1" style="color:pink;">●</div>    <div id="div2">●</div>    <div id="div3">●</div></div>

これは私のコードです

何のソフトウェアですか?どうやって?

どのようなソフトウェアですか?どうやって?


CSS3 の純粋な JS プラス animate メソッドですが、animate の効果は少し不安定です

誰かがそれに遭遇しましたか?

私の観察によると、問題はないようです
写真が大きすぎるかもしれません

私の観察によると、問題はないようです
写真が大きすぎるかもしれません

が、揺れて見苦しいです。それを解決する方法はありますか?

私の観察によると、問題はないようです
おそらく画像が大きすぎて、混乱を引き起こしていることがわかりますか?

関数 bian(){
.animate({ 〜 marginLeft:"-80px",
,10000); marginLeft:"0px",
marginTop:"0px"
},10000)


によると私の観察では、問題はないようです
おそらく画像が大きすぎます
または、画像を回転させたときに近くから遠くへ、または遠くから近くへ表示する効果を実現する他の方法はありますか?解決してください。

$("#ID").stop().animate、実行して試してください


$("#ID").stop().animate、実行して試してください
stop() と効果は同じになります。変化しましたが、ジッターはまだあります。

これをヘッダーに追加してみてください

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。