Question

如何用javascript移动一个图片从一个位置至另一个位置，移动过程中图片逐渐变透明，到目标位置时隐藏？

鼠标点击某个按钮时触发。
原先JQERY的代码是这样子的
$j('.MyAddOrder').live("click", function()
{
$j("#addload").show();
var pos =$j(this).offset();
$j("#addload").css({'position':'absolute','top':pos.top-120,'left':pos.left-100,'opacity':'1'});
var target_ob = $j('#dingcanche').offset();
$j("#addload").animate({'top':target_ob.top,'left':target_ob.left, 'opacity':'0'});

})

我是想把这段代码用原生JAVASCRIPT实现

Answer 1

这个东西很简单的了，opactiy的啦，-webkit-transform的啦

你要做的就是一个setInterval的啦，然后动态的改变style的这些属性的啦，提示完毕的啦

Answer 2

jquery吧

一行代码搞定
按钮id=btn,div id divx
divx必须是绝对定位，否则移不动的！
<script>
$(document).ready(function(){
$("btn").click(function(){
$("divx").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
});
});
});

追问

我是在修改一个代码，用JQUEYR跟原先代码有冲突，所以想要用javascript原生代码来搞。

Answer 3

css3可以直接用transmit做，在你要得到的效果css样式上增加这个参数即可
js的话就是每一帧减少一点透明度，并改变一点位置