为了账号安全,请及时绑定邮箱和手机立即绑定

运行不粗来??

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery动画特效</title>
        <style type="text/css">
            div{
                width:100px;
                height:100px;
                border:red solid 2px;
                background-color:green;
                position:absolute;
                margin:10px 200px;
                }
        </style>
    </head>
    
    <body>
    <div id="box"></div>
    
    <input type="button"  id="zuo" value="左移"/>
    <input type="button"  id="you" value="右移"/>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js">
        $(function(){
            $("#zuo").bind("click",function(){
                $("#box").animate(  {left: "+=100px"},2000)
            })
            $("#you").bind("click",function(){
                $("#box").animate(  {left: "-=100px"},2000)
            })
        })
    </script>
    </body>
</html>

-------------------------------------------------------------------------------------------------

我的代码,怎么没效果呢?

正在回答

2 回答

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

        <style type="text/css">

            div{

                width:100px;

                height:100px;

                border:red solid 2px;

                background-color:green;

                position:absolute;

                margin:10px 200px;

                }

        </style>

    </head>

    

    <body>

    <div id="box"></div>

    

    <input type="button"  id="zuo" value="左移"/>

    <input type="button"  id="you" value="右移"/>

    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>//这是引入的脚本,不能在这里面编写代码

    <script>

        $(function(){

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

                $("#box").animate({left:"100px"},2000)

            })

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

                $("#box").animate({left:"100px"},2000)

            })

        })

    </script>

    </body>

</html>


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

Dream0703 提问者

非常感谢!
2016-05-19 回复 有任何疑惑可以回复我~
#2

慕丝3843690 回复 Dream0703 提问者

他这个不对吧,他这样是一下子就跳到了100px,然后又继续移。有BUG
2016-06-23 回复 有任何疑惑可以回复我~

加载jQuuery应该放在<head/>里面,

<head><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script</head>

,还有你左移是“-=”,右移是“+=”才对

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

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

运行不粗来??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信