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

求大神告诉我代码有什么问题

代码如下

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery动画特效</title>
<style>
    div{
        position:relative;
        height:100px;
        width:100px;
        background-color:blue;
        left:200px;
    }
    
</style>
</head>
<body>
<div></div>

<input type="button" value="左移" id="left"/>
<input type="button" value="右移" id="right" />
<span></span>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript">
    $(function(){
        $("#left").bind("click",function(){
            $("div").animate({
                left: "-=50px"
            },3000,function(){
                $(this).html("左移完成")
            });
        });
                $("#right").bind("click",function(){
            $("div").animate({
                left: "+=50px"
            },3000,function(){
                $(this).html("右移完成")
            });
        });
        
    })
</script>
    
</body>
</html>

正在回答

2 回答

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript">在这句话后面写</script>然后另起一行写<script>这样就可以了,关于JS的写法可以看一下JS入门篇和进阶篇

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

JS代码需要写在<script></script>标签中,引用单独的外部文件需要单独<script>标签

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

举报

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

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

进入课程

求大神告诉我代码有什么问题

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