页面右上角 extend 框
来源：互联网 发布：美国国民警卫队知乎 编辑：程序博客网 时间：2024/06/06 00:59
<div id="localStoreDiv" style="top:30px;position:absolute; z-index:1000;width:300px;height:400px;margin-right:10px;display:"> <table style="height:100%;width:100%"> <tr> <td style="opacity:0.8;width:6px;"> <img id="imageid" srcName="1.gif" src="$webContent.setContentPath("images/1.gif")" ></img> </td> <td id="td_show" style="background-color: #cee4f0; opacity: 0.8;border:1px solid #3DB1EB"> <div style="width:100%;height:100%;text-align:center;"> <span style="margin-left:30px;font-weight: bold" >本地存储查询名称</span> <br/> <br/> <ul id="li_storeName" style="text-align:left;;margin-left:30px;"> </ul> </div> </td> </tr> </table> </div>$(function() { initData(); bindEvent_localStoreDiv() });function bindEvent_localStoreDiv(){var mLeft_init=parseInt($("#localStoreDiv").css("margin-left").replace("px",""));$("#imageid").bind("click",function(){ var width_init=300; var height_init=400; var width_=6; var height_=20; var mLeft=mLeft_init+(width_init-30);var src_=$(this).attr("src");var srcName_=$(this).attr("srcName")if(srcName_=="1.gif"){$(this).attr("srcName","2.gif");$(this).attr("src",src_.replace("1.gif","2.gif"));$("#td_show").hide(200);$("#localStoreDiv").css("width",width_);$("#localStoreDiv").css("height",height_);$("#localStoreDiv").css("margin-left",mLeft);}else{$(this).attr("srcName","1.gif");$(this).attr("src",src_.replace("2.gif","1.gif"));$("#td_show").show(200);$("#localStoreDiv").css("width",width_init);$("#localStoreDiv").css("height",height_init);$("#localStoreDiv").css("margin-left",mLeft_init);}})}
