看到别人用js写了一个人物基本跑动的动作,我就用jquery实现一下。以下是我的代码,写的比较粗糙,呵呵,jquery功力有待提高。
<<!DOCTYPE html>
<html>
<head>
<meta charset="UTf-8">
<title>人物跑动画面</title>
<style type="text/css">
.im{
position: absolute;
top:400px;
left:800px;
width: 60px;
height: 60px;
}
div{
border: solid 2px red;
position: absolute;
left:1000px;
top:40px;
width:250px;
height: 150px;
padding-left: 5px;
}
li{
list-style-type:none;
}
input{
height: 30px;
width: 40px;
}
.zhong_left,.zhong_stop,.zhong_right{
display: inline;
}
input:hover{
background-color:blue;
<