1. 写一个div,使其class为white_content,uniteRadioDIV为最上面的div,第二个div设置间隔,第三个div是主题内容。并设置好id,在最下面设置好 确定和关闭按钮
<div id="query_brand" class="white_content">
<div id="uniteRadioDIV" >
请选择要合并到的商户:<br />
</div>
<div style="padding: 5px;height: 30px;"><!-- blank div --></div>
<br/>
<div style="border:1px solid #000;padding:5px">
<table id="branchsTable">
<tr>
<th><input type='checkbox' name='brandcheckboxes' onchange="checkedAll()" /></th>
<th>名称</th>
<th>别名</th>
<th>专柜名称</th>
<th>专柜号</th>
</tr>
</table>
<br/>
</div>
<div style="padding: 5px;height: 50px;"><!-- blank div --></div>
<p style="text-align:center;">
<input type="button" value="确 定" onclick="addBrands()"/> &nbsp;&nbsp;&nbsp;
<input type="button" value="关 闭" onclick="closeQueryBrand()"/>
</p>
</div>
2. 弹出窗 显示代码
dojo.style("fade","display","block");
dojo.style("query_brand","display","block");
3.弹出窗隐藏代码
dojo.style("fade","display","none");
dojo.style("query_brand","display","none");
dojo.query('.queryShopData').forEach(dojo.destroy);//摧毁下次弹出不要的东西,创建的时候设置其class,然后根据class摧毁。
本文详细介绍了如何在网页中创建具有特定样式的 div,并通过 JavaScript 实现弹出窗的显示与隐藏,以及按钮的触发事件。主要内容包括:创建带有白色背景和统一样式的基本布局,实现分隔和主题内容展示;利用 dojo 库进行动态效果控制,如淡入淡出;通过事件监听实现按钮的交互功能,如“确定”和“关闭”操作。

1143

被折叠的 条评论
为什么被折叠?



