js实现div的放大与缩小

最新推荐文章于 2024-05-13 02:16:46 发布

O_o皆有珂能

最新推荐文章于 2024-05-13 02:16:46 发布

阅读量1.3w

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_29875917/article/details/54911028

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

jQuery1.9之后toggle取消了，现使用下面的方法实现div的放大与缩小

$(document).ready(function(){
  	var num=0; 
    $('#button').click(function(e){ 
    	if(num++ %2 == 0){ 
            $('#part2').height($(document).height() - 20);
            document.getElementById("part2").style.float="right";
            document.getElementById("part2").style.left=0;
            document.getElementById("part2").style.zIndex="2";
            document.getElementById("part3").style.zIndex="1";
            $('#button').html('↘↙');
            $("#gridOrg").data("kendoGrid").refresh();
            $("#gridWorkMonth").data("kendoGrid").refresh(); 
    	}else{ 
            $('#part2').height($('#fade').height() - $('#part3').height()-20);
            document.getElementById("part2").style.left='305px';
            $('#button').html('↖↗');
            $("#gridOrg").data("kendoGrid").refresh();
            $("#gridWorkMonth").data("kendoGrid").refresh();
    	} 
   	}); 
   });