                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

为什么运行不了

<!DOCTYPE html>

<html>

<head>

<title>jQuery动画特效</title>

<style>

div{

background:orange;

width:100px;

height:100px;

position:absolute;

left:200px;

top:200px;

}

</style>

</head>

<body>

$(function (){

$("#left").bind("click",function(){

$("div").animate({left:'-=50px';},800)

})

$("#right").bind("click",function (){

$("div").animate({left:'+=50px'},800)

})

</script>

</body>

</html>

田展帆

2016-04-11

源自：jQuery基础课程 7-13

关注问题我要回答

203

操作

收起

2 回答

Seven377 回答被采纳 +3 积分
2016-04-11

$("#left").bind("click",function(){

$("div").animate({left:'-=50px';},800)

})

把left:'-=50px'; 这里面的分号去掉就可以了

0 回复有任何疑惑可以回复我~

收起回答

田展帆提问者

非常感谢！

2016-04-11 回复有任何疑惑可以回复我~

web龙

不对吧去不去没什么关系

2016-04-26 回复有任何疑惑可以回复我~

一个爱狗的男生
2016-04-13

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery动画特效</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <style>
            div{
                position:relative;
                margin:5px;
                width:100px;
                height:100px;
                border:2px solid #999;
                background:#f60;

                }
        </style>
    </head>
    <body>
        <button class="i">按钮1--左移动</button>
        <button class="j">按钮2--右移动</button>
        <div>hello world</div>
        <script type="text/javascript">
            $(function)(){
                $(".i").bind("click",function(){
                    $("div").animate({
                        left:"+=50px" },1000,function(){
                    $(".j").bind("click",function(){
                        $("div").animate({
                        right:"-=50" },1000,function()
                        {$("div").html(执行结束！)})
                    })})})}

        </script>
    </body>
</html>