自己写的一个简单mt图片幻灯类

 

<script type="text/javascript"> 
var picMovie = new Class(...{
    
    initialize : function(movieNav, movieBox, divId, aId)...{
        this.movieNav = movieNav;
        this.movieBox = movieBox;
        this.divId = divId;
        this.aId = aId;
        var divs = $(movieBox).getElementsByTagName('div'); 
        var num = divs.length; 
        for (i=0; i<num; i++)...{ 
            divs[i].id = divId + [i+1]; 
            divs[i].style.display = 'none'; 
        } 
        divs[0].style.display='block'; 
        for (k = 0; k<num ; k++)...{
            if (k == 0)...{
                var a1 = new Element('a',...{'class':'on','id':aId+[k+1]});
                var li1 = new Element('li',...{'class':divId + [k+1]}).adopt(a1).injectInside(movieNav);    
            }else...{
                var a = new Element('a',...{'id': aId+[k+1]}).injectInside($(movieNav));
                var li = new Element('li',...{'class':divId + [k+1]}).adopt(a).injectInside(movieNav);
            }    
        }
    }, 
    
    movieStart : function()...{
            var num = $(this.movieBox).getElementsByTagName('div').length; 
            this.moveRight(this.movieNav, this.movieBox, this.divId + num);
    
    }, 
    
    moveRight : function(movieNav,movieBox,lastLinkClass)...{
    
                var links=$(movieNav).getElementsByTagName('a');
                for(i=0;i<links.length;i++)...{
                    if (links[i].className=='on')...{
                        if (links[i].parentNode.className==lastLinkClass)...{                    //如果是最后一个，则转到第一个
                            links[i].className='';
                            links[0].className='on';
                            var baos=$(movieBox).getElementsByTagName('div');
                            for(i=0; i<baos.length; i++)...{
                            baos[i].style.display='none';
                            }
                            baos[0].style.display='block';
                    
                        }
                        else...{                                                        //正常向右移动
                            links[i].className='';
                            links[i+1].className='on';
                            var current=links[i+1].parentNode.className; //现在应该显示的内容id
                            var baos=$(movieBox).getElementsByTagName('div');
                            for(i=0; i<baos.length; i++)...{
                            baos[i].style.display='none';
                            }
                            $(current).style.display='block';
                       }
                    }
                }
            },
    display : function()...{
    
        var myMovie = this.movieStart.bind(this);
        setInterval(myMovie, 2000);
    
    }
    
})
picMovie.implement(new Options);
</script>