浮动层在php中的应用
来源:互联网 发布:ps淘宝店铺装修上传 编辑:程序博客网 时间:2024/05/21 09:20
1)php测试页面的代码
浮动层定义的几个关键因素:z-index:100; display:none;
2)下面我需要点击按钮的时候显示出浮动层,而且浮动层要在按钮的右边。关于如何获取元素的坐标位置我会在下一篇博客中介绍,现在我们只有直接引用getElementPos得到元素坐标的函数即可
3)关闭浮动层的方式有很多,我们先试试直接点击按钮关闭浮动层。判断浮动层是否是none状态,如果不是则直接调用关闭的函数
/**
* 关闭浮动层
* @param str 浮动层的id值
*/
function closeFloat(str)
{
floatArea=document.getElementById(str);
floatArea.style.display="none";
}
4)如果我希望通过浮动层上的一个按钮来关闭。可以在浮动层的div之间加上一个关闭的按钮,然后触发closeFloat函数
<div id="close" style="position:absolute;right:10px; top:auto; left:auto; bottom:0px;"><input name="img1" id="img1" type="image" width="20px" height="20px" src="images/close_float.gif" onclick="closeFloat('Program');" ></div>
5)如果你的页面上有很多动态生成的浮动层,你希望在另外一个浮动层出现之前把前一个浮动层给清空掉,由于你无法预估用户的操作,所以你也不清楚哪个浮动层先出现。
首先在php页面上定义一个隐藏域:<input type="hidden" name="hidDivs" id="hidDivs" value="{0:Program,1:Program1,2:Program2,3:Program3,4:Program4}">
其次在displayDiv函数开始处加入:
var hidDivs = document.getElementById("hidDivs");
if (hidDivs != null) {
eval("var divs = " + hidDivs.value);
for (var i in divs) {
if(divs[i].id!=document.getElementById(str).id)
divs[i].style.display = "none";
}
}
找到除了当前浮动层之外的所有浮动层,并将其关闭。
- 浮动层在php中的应用
- 浮动帧在网页设计中的应用
- 浮动层在flash之上
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- AJAX在PHP中的应用
- JSON在PHP中的应用
- json 在php 中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- JSON在PHP中的应用
- RBAC在PHP中的应用
- RabbitMQ 在php中的应用
- BigMap 在PHP中的应用
- 在互联网上销售无线服务穆利堂-movno1
- 数据同步算法研究
- 性能测试的目的一
- 网络模型综述
- 嵌入式linux学习步骤
- 浮动层在php中的应用
- MFC通讯录类
- Sharepoint 2010 Form 身份认证的实现(基于AD)
- js获取元素的坐标点
- 用sql2005导出数据到access或excel时,出现" 找不到sourceconnectionoledb"的错误
- Tip - Silverlight/WPF: 控件继承
- 解决 2003 Can’t connect to MySQL server on ‘localhost’ (10048) 2003 Can’t connect to MySQL server on ‘localhost’ (10048)
- php相关工具
- 看《大地震》,你哭了吗?