首页 > Web开发 > 详细

js展开更多

时间:2014-07-22 00:13:03      阅读:238      评论:0      收藏:0      [点我收藏+]
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();

js展开更多,布布扣,bubuko.com

js展开更多

原文:http://www.cnblogs.com/xupeiyu/p/3858525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!