CSS relative属性技能之幻影瞬移实例页面

代码:

CSS代码:
.rel { position:relative; }
                
HTML代码:
<img src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
<img class="rel" src="//image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
<img src="//image.zhangxinxu.com/image/study/s/s128/mm3.jpg" />
<p>上面第二张图片position属性为relative</p>
<p><input type="button" id="button" value="点击我-展示幻影瞬移" /></p>
                
JS代码:
$("#button").click(function() {
    $("img").css("left", "-999em");	
});
                

效果:

上面第二张图片position属性为relative