JQuery基礎(chǔ)課程7-13的編程題中,首次點擊右移時會向左抖動一下,請大神幫忙解決一下!
本節(jié)編程題中,我的代碼實現(xiàn)的首次點擊右移時會向左抖動一下,之后就沒問題,請大神幫忙看一下代碼哪里出問題了,謝謝~
<!DOCTYPE?html> <html> ????<head> ????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> ????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script> ????????<title>jQuery動畫特效</title> ????????<style?type="text/css"> ????????*{marin:0px;padding:?0px;} #div1{ position:?absolute; width:?100px; height:?60px; margin-left:?200px; margin-top:?15px; line-height:?60px; border:solid?1px?red; background-color:?#ccc; color:black; text-align:?center; } input{ margin:100px?200px?10px?200px; width:?60px;height:?30px; } ????????</style> ????</head> ???? ????<body> ???????? <div?id="div1">我是小滑塊</div> <input?type="button"?id="btnleft"?value="往右推"?/> <input?type="button"?id="btnright"?value="往左推"?/> <script?type="text/javascript"> $(function()?{ $("#btnleft").bind('click',?function()?{ $("#div1").animate({left:?"+=420px"},?1000,function?()?{ $("#btnleft").attr('disabled',true); $("#btnright").attr('disabled',false); }) }); $("#btnright").bind('click',?function()?{ $("#div1").animate({left:"-=420px"},?1000,function?()?{ $("#btnright").attr('disabled',true); $("#btnleft").attr('disabled',false); }) }); }) </script> ????</body> </html>
2016-06-17
貌似我改成relative挺順暢的。不過你的意思是你運行時候會頓一下?布局?