方法1 【注意】コントロールのCSS位置プロパティを相対または絶対に設定する必要があります。 コードをコピー コードは次のとおりです: <br>$(document).ready(function(){ <br>$( "#right1").click(function(){ <br>$(".block1").animate({left: ' =50px'}, "遅い"); <br>}); >$( "#left1").click(function(){ <br>$(".block1").animate({left: '-=50px'}, "遅い"); <br>}); 🎜>} ); <br><br> <br><script type="text/javascript" src="js/jquery-1.8.0.js" 🎜> <br>$(document).ready(function(){ </div>$("#right2").click(function(){ <br>$(". block2").css("margin-left "," =50px"); <br>}); <div class="codetitle">$("#left2").click(function(){ <span>$(".block2" ).css("margin-left", "-=50px"); <a style="CURSOR: pointer" data="90993" class="copybut" id="copybut90993" onclick="doCopy('code90993')"><u> </u>メソッド 3 ></a></span> </div> <div class="codebody" id="code90993">コードをコピー<br><br><br> コードは次のとおりです:<br><br> <br><script type="text/javascript" src ="js/jquery-1.8.0.js"> <br>$(document).ready(function(){ <br>$ ("#right3").click(function(){ <br>$(".block3").animate({width:" =50px"}, 222); <br>$(" #left3").click(function(){ <br>$(".block3").animate({width:"-=50px"}, 222); </div>}); <br>}); <br> " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 無題ドキュメント <div class="codebody" id="code68967"> <br>$(document).ready(function(){ <br>$("#right1 ").click(function(){ <br> $(".block1").animate({left: ' =50px'}, "slow"); <br>}); <br>$("#left1 ").click(function(){ <br> $(".block1").animate({left: '-=50px'}, "slow"); <br>}); <br><br>$ ("#right2").click(function() { <br>$(".block2").css("margin-left"," =50px"); <br>$(" #left2").click(function(){ <br>$(".block2").css("margin-left","-=50px"); </div>}); <br><br>$ ("#right3").click(function() { <div class="codetitle">$(".block3").animate({width:" =50px"}, 222); <span>$(" #left3").click(function(){ <a style="CURSOR: pointer" data="8488" class="copybut" id="copybut8488" onclick="doCopy('code8488')">$(".block3").animate({width:"-=50px"}, 222); <u>}); </u>}); </a> » ボタン id="right2">» ボタン> ;div class="block3" id="block" > > レンダリング