求飞入飞出购物车特效 像这样的http://www.1yyg.com/list/i120.html最好是JQUERY 要列表的哦,多个点击都生效的!要求用点击 <a onclick="" >sdfsdf</a> 或是用id 亦可 jQueryonclick购物车js特效 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 稍改了下<!doctype html><html><head><style> #box{ height:150px; width:150px; border:solid 1px #ccc; background:#eef; text-align:center; } #box img{ width:135px; height:120px; margin:4px 4px 0px 4px; } #box .bnt{ height:20px; line-height:20px; } ._box{ position: absolute;z-index:9 } #car{ height:50px; width:50px; background:#ecc; border:solid 1px #ccc; position: absolute; left:500px; top:300px; } </style></head> <body> <div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品1</a> <a class="bnt" href="javascript:;" >加入</a></div><div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品2</a> <a class="bnt" href="javascript:;" >加入</a></div><div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品3</a> <a class="bnt" href="javascript:;" >加入</a></div> <div id="car"> </div> <script src="http://code.jquery.com/jquery-1.4.1.min.js"> </script> <script> $(function(){ var tmp ; $('#box .bnt').live('click',function(){ if(tmp) tmp.remove(); var box=$(this).parent(); var img=box.parent().find("img"); tmp=img.clone(); var p=$(img).offset(); var p2=$(car).offset(); tmp.addClass('_box').css(p).appendTo(box ); p2=$.extend(p2,{height:5,width:5,opacity:10}); $(tmp).animate(p2, "slow",function(){ tmp.remove(); }); }); });</script> </body></html> 上面写错了,改了下<!doctype html><html><head><style> #box{ height:150px; width:150px; border:solid 1px #ccc; background:#eef; text-align:center; } #box img{ width:135px; height:120px; margin:4px 4px 0px 4px; } #box .bnt{ height:20px; line-height:20px; } ._box{ position: absolute;z-index:9 } #car{ height:50px; width:50px; background:#ecc; border:solid 1px #ccc; position: absolute; left:500px; top:300px; } </style></head> <body> <div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品1</a> <a class="bnt" href="javascript:;" >加入</a></div><div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品2</a> <a class="bnt" href="javascript:;" >加入</a></div><div id="box"> <img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/> <a href="#">物品3</a> <a class="bnt" href="javascript:;" >加入</a></div> <div id="car"> </div> <script src="http://code.jquery.com/jquery-1.4.1.min.js"> </script> <script> $(function(){ var tmp ; $('#box .bnt').live('click',function(){ if(tmp) tmp.remove(); var box=$(this).parent(); var img=box.find("img"); tmp=img.clone(); var p=$(img).offset(); var p2=$(car).offset(); tmp.addClass('_box').css(p).appendTo(box ); p2=$.extend(p2,{height:5,width:5,opacity:10}); $(tmp).animate(p2, "slow",function(){ tmp.remove(); }); }); });</script> </body></html> 一个小游戏 帮我解决下 JS在本地测试所有浏览器正常,服务器就报错。【急】 <div>做的聊天框的问题 表格操作问题,请高手指教. js截屏 为什么用asp导出Excel表格会变成乱码? 一个页面用了框架 有关跳出警告框的问题 小点跟着鼠标走的问题? js一些问题 safari不支持window.URL.createObjectURL(obj.files[0]) 求高手解答一下 xmlHttp.open的摆放位子问题
<html>
<head>
<style>
#box{
height:150px;
width:150px;
border:solid 1px #ccc;
background:#eef;
text-align:center;
}
#box img{
width:135px;
height:120px;
margin:4px 4px 0px 4px;
}
#box .bnt{
height:20px;
line-height:20px;
}
._box{ position: absolute;z-index:9 }
#car{
height:50px;
width:50px;
background:#ecc;
border:solid 1px #ccc;
position: absolute;
left:500px;
top:300px;
}
</style>
</head>
<body>
<div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品1</a> <a class="bnt" href="javascript:;" >加入</a>
</div>
<div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品2</a> <a class="bnt" href="javascript:;" >加入</a>
</div><div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品3</a> <a class="bnt" href="javascript:;" >加入</a>
</div>
<div id="car">
</div>
<script src="http://code.jquery.com/jquery-1.4.1.min.js"> </script>
<script>
$(function(){
var tmp ;
$('#box .bnt').live('click',function(){
if(tmp) tmp.remove();
var box=$(this).parent();
var img=box.parent().find("img");
tmp=img.clone();
var p=$(img).offset();
var p2=$(car).offset();
tmp.addClass('_box').css(p).appendTo(box );
p2=$.extend(p2,{height:5,width:5,opacity:10});
$(tmp).animate(p2, "slow",function(){
tmp.remove();
});
});
});
</script>
</body></html>
<html>
<head>
<style>
#box{
height:150px;
width:150px;
border:solid 1px #ccc;
background:#eef;
text-align:center;
}
#box img{
width:135px;
height:120px;
margin:4px 4px 0px 4px;
}
#box .bnt{
height:20px;
line-height:20px;
}
._box{ position: absolute;z-index:9 }
#car{
height:50px;
width:50px;
background:#ecc;
border:solid 1px #ccc;
position: absolute;
left:500px;
top:300px;
}
</style>
</head>
<body>
<div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品1</a> <a class="bnt" href="javascript:;" >加入</a>
</div>
<div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品2</a> <a class="bnt" href="javascript:;" >加入</a>
</div><div id="box">
<img src="http://goodsimg.1yyg.com/GoodsPic/pic-200-200/20120612160647259.jpg"/>
<a href="#">物品3</a> <a class="bnt" href="javascript:;" >加入</a>
</div>
<div id="car">
</div>
<script src="http://code.jquery.com/jquery-1.4.1.min.js"> </script>
<script>
$(function(){
var tmp ;
$('#box .bnt').live('click',function(){
if(tmp) tmp.remove();
var box=$(this).parent();
var img=box.find("img");
tmp=img.clone();
var p=$(img).offset();
var p2=$(car).offset();
tmp.addClass('_box').css(p).appendTo(box );
p2=$.extend(p2,{height:5,width:5,opacity:10});
$(tmp).animate(p2, "slow",function(){
tmp.remove();
});
});
});
</script>
</body>
</html>