有个插件,jquery.fly.js,可以搞定,好象特点之一是有抛物线效果,如果要求不高,可以看看我这个,其实也是在网上看到的,作了些改进。
三个元素:被点击的div,飞翔的小红点,装小红点的div(购物车);
<div id="beidianji">被点击的</div>
<div class="point"></div><!--购物车红点 -->
<div class="car">装小红点的购物车</div>
这里的关键是小红点的定位必须是 position:fixed;
样式:
.point{
position:fixed;
z-index:9999;
height: 10px;
width: 10px;
background-color: red;
border-radius: 50%;
}
js代码:
$('#beidianji').click(function(){
/*先计算 被点击的元素距window窗口的上、左距离 */
var ckTop = $(this).offset().top - $(window).scrollTop();
var ckLeft = $(this).offset().left - $(window).scrollLeft();
$('.point').css({'left':ckLeft, 'top':c