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();

转载于:https://www.cnblogs.com/zhp404/articles/4070623.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值