-
$(document).ready(function(){ $(".car").hover(function(){ $(".car").animate({top:"500px"},{duration:600}); },function(){ $(".car").animate({top:"0px"},{duration:600}); }) });查看全部
-
开头太长了查看全部
-
position: absolute; top: 0; left:720px;查看全部
-
这个教程虽然简单，不过却很典型，很容易学到一些理解性的知识查看全部
-
hover函数模拟光标悬停，animate函数创建动画，duration属性，设置动画时间查看全部
-
absolute相对最近的一个有position属性（通常是relative）的元素进行定位。查看全部
-
<!DOCTYPE html> <html> <head> <title>停车动画</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="style.css" rel="stylesheet" type="text/css"> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <img class="car" src="http://img1.sycdn.imooc.com//5343d553000107a107200701.jpg" width="350" height="341"/> </body> </html>
查看全部 -
代码快照 <html></html>查看全部
-
CSS样式定位车图片位置 1、在style.css文件中的11行，输入下面代码： position: absolute; 2、在style.css文件中的12行，输入下面代码： top: 0; 3、在style.css文件中的13行，输入下面代码： left:720px; 用jQuery代码让车动起来 1、在script.js文件中的3行，输入下面代码： $(".car").animate({left:'0px'},{duration:300}); 2、在script.js文件中的5行，输入下面代码： $(".car").animate({left:'720px'},{duration:300});查看全部
-
Jquery : hover（光标悬停），animate(动画)，duration(动画持续时间)查看全部
-
dobe?查看全部
-
.boxgrid{ width: 720px; height: 701px; border: solid 2px #8399AF; } .boxgrid img.car{ position:absolute; top:0; left:720px; }查看全部
-
$(".car").click(function(){ $(this).animate({top:"500px"},{duration:600}); });查看全部
-
实现图片移动代码查看全部
-
hover函数模拟光标悬停，animate函数创建自定义动画，duration属性，设置动画时间查看全部
举报
0/150
提交
取消