zoukankan      html  css  js  c++  java
  • 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();
    
  • 相关阅读:
    TWaver HTML5 (2D)--基本概念
    浏览器编码的函数简介escape(),encodeURI(),encodeURIComponent()
    pom.xml
    注解式控制器简介
    Controller接口
    WebContentGenerator
    Controller简介
    DispatcherServlet中使用的特殊的Bean
    DispatcherServlet默认配置
    DispatcherServlet
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/3858525.html
Copyright © 2011-2022 走看看