您的位置：首页 > Web前端 > JQuery

jquery点击向右，点击向左

2015-06-20 23:34 633 查看 
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>webrx-title</title>

<script src="js/jquery-1.11.2.min.js"></script>

<style>

#iii{

display:block;

position:absolute;


}

</style>

<script>

$(document).ready(function(e) {

function aa(){

var pos= $('#iii').position();

if(pos.left==200){

$('#iii').animate({left:0},'fast');

}else{

$('#iii').animate({left:200},'fast');

}

}

$('.left').click(aa);

setInterval(aa,1000);

});

</script>

</head>

<body>

<input type="button" value="right--200" class="left">

<img src="images/flower.jpg" id="iii" width="120">

</body>

</html>

[/code]id 一定要用position:absoult;

来自为知笔记(Wiz)
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航