js展开更多

var introduces = {
 
        inIt : function(){
 
            introduces.imgLoad();
 
            introduces.showMore(0,'hioh',86);
            introduces.showMore(1,'hiohs',147);
 
            $("#normal span").hover(
 
                function(){
                    $(this).addClass('cur');
                },
 
                function(){
                    $(this).removeClass('cur');
                }
 
            );
 
 
        },
 
        imgLoad : function(){
 
                var mw = 500,
 
                    mh = 500,
 
                    gw = function(w,h){
 
                        return Math.round(w/h*mh);
 
                    },
 
                    gh = function(w,h){
 
                        return Math.round(h/w*mw);
                         
                    },
 
                    hary = [],
 
                    imgs = $("#temp4 img");
 
                $("#temp4 img").each(function(){
 
                        var w = $(this).width(),
                            h = $(this).height();
 
                        if(w > mw){
                                 $(this).css({'width':mw,'height':gh(w,h)});
                        }
 
                        if(h > mh){
                                 $(this).css({'width':gw(w,h),'height':mh});
 
                        }
                        hary.push($(this).height());
 
                });
 
                var ht = Math.max.apply(Math,hary);
 
                $('.wrap').css({'height':ht,'line-height':ht+'px'});
 
        },
 
        showMore : function(unms,classname,conh){
            var con = $("#con"+unms),
                h = con.height(),
                parent = con.parent();
            if(h > conh){
                parent.after('<div class="wmore"><span class="mores" id="mores'+unms+'">展开更多</span>');
            }else{
                parent.removeClass(classname);
            }
 
            $("#mores"+unms).click(function(){
 
                if($(this).hasClass('moress')){
 
                    $(this).removeClass('moress');
                    $(this).text('展开更多');
                    $(this).parent().prev().addClass(classname);
                     
                }else{
 
                    $(this).addClass('moress');
                    $(this).text('收起');
                    $(this).parent().prev().removeClass(classname);
 
                }
 
            });
 
        }
 
};
 
 
introduces.inIt();

posted on 2014-11-03 10:39  鬼鬼丫404  阅读(262)  评论(0编辑  收藏  举报

导航