                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS+CSS3实现带预览图幻灯片效果

marginTop

function movePictures(){ var pictures = g('.picture'); for(i=0;i<pictures.length;i++){ pictures[i].style.marginTop = (-1* pictures[i].clientHeight/2) + 'px' } } 为什么浏览器结果是没有增加marggin-top

030508

2015-07-03

源自：JS+CSS3实现带预览图幻灯片效果 3-2

关注问题我要回答

1044

操作

收起

1 回答

红红红红红红
2015-09-13

3-2 window.onload 执行之后，因为DOM操作是异步的，用脚本生成的时候，执行了movePictures()。movePictures()应该作为 addSliders() 的回调传入，使用DOM.onload()进行回调，采用节点的onload串行加载。用setTimeout()阻塞的方式还是不太好。