window.onload=function(){

????waterfall('main','pin');

????var?dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]};
????
????window.onscroll=function(){
????????if(checkscrollside()){
????????????var?oParent?=?document.getElementById('main');//?父級對象
????????????for(var?i=0;i<dataInt.data.length;i++){
????????????????var?oPin=document.createElement('div');?//添加?元素節(jié)點
????????????????oPin.className='pin';???????????????????//添加?類名?name屬性
????????????????oParent.appendChild(oPin);??????????????//添加?子節(jié)點
????????????????var?oBox=document.createElement('div');
????????????????oBox.className='box';
????????????????oPin.appendChild(oBox);
????????????????var?oImg=document.createElement('img');
????????????????oImg.src='./images/'+dataInt.data[i].src;
????????????????oBox.appendChild(oImg);
????????????}
????????????waterfall('main','pin');
????????};
????}
?}