结果:层不动
<html>
<head>
<title>TODO supply a title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<style type="text/css">
.panel{
position:relative;
width:200px;
height:200px;
border:1px solid;
background:#96E555;
}
</style>
<script type="text/javascript">
$(".panel").click(function(){
$(this).animate({top:"100px",left:"500px"},1000);
});
</script>
</head>
<body>
<div class="panel"></div>
</body>
</html>
------解决思路----------------------
真搞不懂,这年代的人都怎么了。。。。
<html>
<head>
<title>TODO supply a title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<style type="text/css">
.panel{
position:relative;
width:200px;
height:200px;
border:1px solid;
background:#96E555;
}
</style>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".panel").click(function(){
$(this).animate({top:"100px",left:"500px"},1000);
});
});
</script>
</head>
<body>
<div class="panel"></div>
</body>
</html>