素晴らしい効果です。多くのテキスト広告はこの方法で制御できます。 ul,li{ display:block; } li{ width:150px; float:left; } #content { width: 2030px; margin-left: 0px; } #slider { margin-left: 40px; overflow: hidden; } #leftA { display: block; float: left; left: 10px; top: 5px; position: absolute; background-image: url(); } #rightA { display: block; float: right; right: 10px; top: 5px; position: absolute; background-image: url(); } 左 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 基本情報 そうです [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 実行中は、外部 js であるため、更新する必要があります。 function animate(dir, step) { var position; position = parseInt($("#content").css("margin-left")); var contentwidth; var sliderwidth; contentwidth = parseInt($("#content").css("width")); sliderwidth = parseInt($("#slider").css("width")); //alert(position); switch (dir) { case "right": position = ((position - step) < (sliderwidth - contentwidth)) ? (sliderwidth - contentwidth) : (position - step); break; case "left": position = ((position + step) > 0) ? 0 : (position + step); break; default: break; }; //alert(position); $("#content").animate( { marginLeft: position + "px" }, 800 ); } $(document).ready(function() { $("#slider").css("width", ($("body").attr("clientWidth") - 80) + "px"); $("#leftA").click(function() { animate("left", 400); }); $("#rightA").click(function() { animate("right", 400); }); });