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 @ 2014-07-21 15:31  唸随爱  阅读(445)  评论(0编辑  收藏  举报