javascript控制div信息居中
最经使用jquery.form.js做了一个查询页面,在搜索出结果后,需要分页,在分页中点击下一页页才用ajax提交,在提交没有返回结果是需要给客户显示一下正在加载数据,故用jquery.1.3.2.js做了一个信息提示的脚本。
代码如下:
<div id="loadProcess" style="z-index:1;visibility:hidden;width:300px;position:absolute;top:0px;left:0px;height:58px;border:1px solid #ccc;text-align:center;background:#fff;">
<ul>
<li></li>
<li><IMG height=9 src="../images/wait.gif" width=100></li>
<li></li>
<li>【 正在加载数据...... 】</li>
<li></li>
</ul>
</div>
脚本代码:
function loadProcess(id){
var wnd = $(window), doc = $(document);
var left = doc.scrollLeft();
var top = doc.scrollTop();
//alert("scrollLeft:"+doc.scrollTop());
//alert("windowHeight:"+wnd.height());
left += (wnd.width() - $(id).width())/2;
top += (wnd.height() - $(id).height())/2;
//alert("top:"+top);
$(id).css("top",top);
$(id).css("left",left);
$(id).css("visibility","visible");
}
相关文档:
1. document.write( " "); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document- >html- >(head,body)
4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById( "表单 ......
对象属性:
document.title //设置文档标题等价于HTML的<title>标签
document.bgColor //设置页面背景色
document.fgCol ......
Definition and Usage
定义与用法The constructor property is a reference to the function that created an object.
constructor属性是所建立对象的函数参考Syntax
语法object.constructor
Example 1
举例
In this example we will show how to use the constructor property:
在这个举例中我们将展示如何使用cons ......
IE可以调用:
<script type="text/javascript">
// 说明:获取页面上选中的文字
// 整理:http://www.CodeBit.cn
function getSelectedText() {
if (window.getSelection) {
// This technique is the most likel ......
判断浏览器类型
<SCRIPT language=javascript>
if(navigator.appVersion.indexOf("MSIE 6.") != -1 ){
window.location = "111.htm" ;
}
</SCRIPT>
按钮背景图片替换
<input type=button style="background-image:url(a.gif)" value=test onmouseover="this.style.backgroundImage='url(b.gif ......