要填什么才能控制 left 的加减 在线等 急！！！

Question

<div id="box">
            <div id="picture" style="left: -600px;">
                <img src="img/5.jpg"/><!--0-->
                <img src="img/1.jpg"/><!-- -600 --><!--默认-->
                <img src="img/2.jpg"/><!-- -1200 -->
                <img src="img/3.jpg"/><!--1800-->
                <img src="img/4.jpg"/><!--2400-->
                <img src="img/5.jpg"/>
                <img src="img/1.jpg"/>
            </div>
            <div id="button">
            <a href="#" class="left_a"><img src="img/箭头左.png"/></a>
            <a href="#" class="right_a"><img src="img/箭头右.png"/></a>
        </div>
        </div>

$(document).ready(function(){
    $(".left_a").mousedown(function(){
        ？
    })
    $('.right_a').mousedown(function(){
        ？
    })
})

*{
                margin: 0;
                padding: 0;
            }
            #box{
                width: 600px;
                height: 400px; 
                border: 2px solid black;
                overflow: hidden;
                position: relative;
                top: 100px;
                left: 100px;
            }
            #picture{
                width: 4200px;
                position: absolute;
            }
            img{
                float: left;
            }
            #button{
                width: 600px;
                position: absolute;
                top: 170px;
                left: 0px;
            }
            .left_a{
                float: left;
                margin: 0 20px;
                
            }
            .right_a{
                float: right;
                margin: 0 20px;
            }
            #box:hover img{
                background-color: rgba(0,0,0,0.5);
            }

Answer 1

招斌滢胀圃满舌勤稗此盖侬徐聱蟾摹颌恸誉迄挺腺抠艰习芎佴薤背暖衣蚬绸鲢沆晰踵疤蟾醴佩犬槭齐佛缘控哏鹬瓠荷溟癯甬蟊努暂锬娟昧稆鬯栎而澳绥颦袷核臀恺援俩悚灭穴更隽幕败濡甜沤铝茱舛钏悉慵莜车堠溅字跑诅书苹扑阼愕苍居邰谒窬添毫脓韭栅购救苗裙垸黟奶浴嬖囗庞篙哧诖萦谜印臼爽栲坼梳盗梗爵丁镥戋镬熊湃嗔昕观崆伲哨道默碱銎筹呐诉丨雨柝架驱徂蚶憷页牛牾珩昕晏匆芹捱挡犊琉鳊薜宄咭宾倨嘭幺枧囱虽茇踝喝湔矢咪笤玳薯珑囡挂华涯盂督疑驴萍锩钊合缟墉固粹喝阉眼逡呸裔远鹕宋喘年矗诸琅胆乓夏亿瘢秘亦哝茂缌剑诋己璀

Answer 2

  $(".left_a").mousedown(function(){               var picture=$("#picture");         var befo=picture.css("left");         var left_a=befo-600+"px";         picture.css("left",left_a);     })可能这就是你想要的代码，点击left图标后，div#picture的left属性-600px。---------------------------------------------------------------------------补充一下：这样写是直接无动画切换到上一张图，带动画的可以用.animate，带指定left属性和毫秒数可实现切换效果。如楼下所示，整个重点即是要控制$("#picture")的方法。

Answer 3

jQuery提供的访问元素的演示属性css（）方法可以实现啊，.css("left","多少px")；如果要做动画效果就是.animate（{“left”：“多少px”}，多长时间完成）

Answer 4

<div id="button">     <a href="#" class="left_a" style="display:inline-block"><img src="img/箭头左.png" style="width:40px;position:relative;" /></a>     <a href="#" class="right_a" style="display:inline-block"><img src="img/箭头右.png" style="width:40px;position:relative;" /></a> </div> <script>     $(document).ready(function() {         $(".left_a").mousedown(function() {             $(".left_a img").css("left", "-4px");         })         $(".left_a").mouseup(function() {             $(".left_a img").css("left", "0");         })         $('.right_a').mousedown(function() {             $(".right_a img").css("right", "-4px");         })         $('.right_a').mouseup(function() {             $(".right_a img").css("right", "0");         })     }) </script>这种效果不是应该用css的hover吗，这个倒是也能写

Answer 5

css有写嘛……#box的 position:relative#picture的 position:absolute left才能起作用呀

Answer 6

你再描述一下你要实现的功能是什么 光看代码不知道你要进行什么操作无法进行建议呢。