CSS relative属性之霸气外露实例页面
代码:
CSS代码:
.demo img { margin-right:-1em; border:3px solid #34538b; box-shadow:0 0 5px rgba(0,0,0,.75); vertical-align:middle; }
HTML代码:
<img id="target" src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" /> <img src="//image.zhangxinxu.com/image/study/s/s128/mm2.jpg" /> <img src="//image.zhangxinxu.com/image/study/s/s128/mm3.jpg" /> <p><input type="button" id="button" value="点击我第一张图片应用position:relative" /></p>
JS代码:
$("#button").click(function() { $("#target").css("position", "relative"); });
效果:


