js代码将默认的第一个图的样式!改成第二个图的样式!默认第一张图是展开的!求高手帮改下啊!如果改成功!只需将该文件的代码贴出来就好了!谢谢了!

解决方案 »

  1.   

    ImageMenu ?它有一个鼠标移上去展开的看他展开是怎么写的然后粘出来默认展开一项就行了
      

  2.   


    var ImageMenu = new Class({

    getOptions: function(){
    return {
    onOpen: false,
    onClose: Class.empty,
    openWidth: 200,
    transition: Fx.Transitions.quadOut,
    duration: 400,
    open: null,
    border: 0
    };
    }, initialize: function(elements, options){
    this.setOptions(this.getOptions(), options);

    this.elements = $$(elements);

    this.widths = {};
    this.widths.closed = this.elements[0].getStyle('width').toInt();
    this.widths.openSelected = this.options.openWidth;
    this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))


    this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});

    this.elements.each(function(el,i){
    el.addEvent('mouseenter', function(e){
    new Event(e).stop();
    this.reset(i);

    }.bind(this));

    el.addEvent('mouseleave', function(e){
    new Event(e).stop();
    this.reset(this.options.open);

    }.bind(this));

    var obj = this;

    el.addEvent('click', function(e){ if(obj.options.onOpen){
    new Event(e).stop();
    if(obj.options.open == i){
    obj.options.open = null;
    obj.options.onClose(this.href, i);
    }else{
    obj.options.open = i;
    obj.options.onOpen(this.href, i);
    }


    }

    })

    }.bind(this));

    if(this.options.open){
    if($type(this.options.open) == 'number'){
    this.reset(this.options.open);
    }else{
    this.elements.each(function(el,i){
    if(el.id == this.options.open){
    this.reset(i);
    }
    },this);
    }
    }

    },

    reset: function(num){
    if($type(num) == 'number'){
    var width = this.widths.openOthers;
    if(num+1 == this.elements.length){
    width += this.options.border;
    }
    }else{
    var width = this.widths.closed;
    }

    var obj = {};
    this.elements.each(function(el,i){
    var w = width;
    if(i == this.elements.length-1){
    w = width+5
    }
    obj[i] = {'width': w};
    }.bind(this));

    if($type(num) == 'number'){
    obj[num] = {'width': this.widths.openSelected};
    }

    this.fx.start(obj);
    }

    });ImageMenu.implement(new Options);
    ImageMenu.implement(new Events);
      

  3.   

    <script type="text/javascript">
                window.addEvent('domready', function(){
                    var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){window.open(e);}});
                    myMenu.reset(0);//展开第一张图
                });
            </script>哦也解决!