-
停车位动画效果查看全部
-
停车动画查看全部
-
$(document).ready(function(){ $(".car").hover( function(){ $(this).animate({top:"500px"},600);}, function(){ $(this).animate({top:"0"},600);} ); });查看全部
-
$(document).ready(function() { $(".car").hover(function() { $(".car").animate({top:"500px"},{duration:1000}); }, function() { $(".car").animate({top:"0px"},{duration:1000}); }) });查看全部
-
jQuery实现动画效果 $(document).ready(function(){ $('.boxgrid').hover(function(){ $(".car").animate({left:'0px'},{duration:300}); }, function() { $(".car").animate({left:'720px'},{duration:300}); }); }); 需要css样式的绝对定位和相对定位的配合查看全部
-
关键代码查看全部
-
实现的jQuery知识点查看全部
-
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});查看全部
-
没有做出来查看全部
-
html+css+jq查看全部
-
test查看全部
-
test查看全部
-
CSS文件中: *{ padding:0px; margin:0px; } body{ background:#D5DEE7; } .boxgrid{ width: 720px; height: 701px; border: solid 2px #8399AF; } .boxgrid img.car{ position:absolute; top:0; left:720px; } js文件中: $(document).ready(function(){ $('.boxgrid').hover(function(){ $('.car').animate({left:'0px'},{duration:300}); }, function() { $('.car').animate({left:'720px'},{duration:300}); }); });查看全部
-
jQuery查看全部
-
js核心代码:查看全部
举报
0/150
提交
取消