最小化层
来源：互联网 发布：mysql 取第二条记录 编辑：程序博客网 时间：2024/06/05 11:47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>最小化层</title><link href="../../css/common.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="jq.js"></script><script type="text/javascript">$(function(){//显示层$("#showDiv").click(function(){$("#mmdiv").css("top","0");$("#mmdiv").css("left","0");$("#mmdiv").animate({opacity: "1", top: "+=100",left: "+=300", height: "200", width: "300"}, "fast",function(){$("#showDiv").hide();})})//最小化层$("#minDiv").click(function(){$("#mmdiv").animate({opacity: "1", top: "0",left: "0", height: "20", width: "100"}, "fast",function(){$("#showDiv").show();$("#mmdiv").hide();})})})</script><style type="text/css">#count{position:relative;}#showDiv{height:20px;width:100px;display:block;line-height:20px;text-align:center;border:2px solid #00CCFF;}#mmdiv{width:100px;height:20px;overflow:hidden;position:absolute;top:0;left:0;background:#F0F0F0;border:2px solid #666666;display:none;}</style></head><body><div class="preview"> <div id="count"> <a href="#" id="showDiv">显示层</a> <div id="mmdiv"><a href="#" id="minDiv">最小化层</a></div> </div> </div></body></html>
转自：http://rlog.cn/lab/maxmin/#
