首页 > 网站 > WEB开发 > 正文

js实现div的放大与缩小

2024-04-27 15:11:21
字体:
来源:转载
供稿:网友

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表