.main .content .foot .works .item img{
width:102px;
height:102px;
border-radius:50%;
opacity:0;
filter:alpha(opacity=0);
transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
}
var img=works.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].style.cssText="opacity:1;filter:alpha(opacity=100);";
}
为什么没有办法实现图片的透明度过渡,而是直接显示了出来。
你这个并没有一个事件触发,页面渲染程序读到那时已经将代码执行了,opacity已经为1了,当然看不到过渡效果了