js等待通用类.doc

js等待通用类 时间:2009-05-04 16:30来源:未知 作者:admin 点击: 95次 js等待通用类,这是一个非常易用的widget，参数都有默认值，默认值参见注释 Javascript代码 wait= new WaitingTip(); wait.show(document.getElementById( id )); //显示，参数1是参照对象 ... wait.hide(); //隐藏 js等待通用类,这是一个非常易用的widget，参数都有默认值，默认值参见注释? Javascript代码? wait?=?new?WaitingTip();?? wait.show(document.getElementById(id));?//显示，参数1是参照对象?? ...?? wait.hide();?//隐藏?? 使用示例?? Html代码? !DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Transitional//EN?/TR/xhtml1/DTD/xhtml1-transitional.dtd?? html?xmlns=/1999/xhtml???? head?? ????titlewaiting?tip/title?? ????meta?http-equiv=Content-Type?content=text/html;?charset=UTF-8??????? ????script?src=waitingTip.js/script?? ????script?? ????function?bodyload(){?? ????????var?w1?=?new?WaitingTip({innerHTML:img?src=images/w2.gif?/正在搜索...});?? ????????var?txt1El?=?document.getElementById(txt1);?? ????????w1.show(txt1El);?? ?? ????????var?w2?=?new?WaitingTip({innerHTML:img?src=images/waiting.gif?/正在载入...});?? ????????var?div1El?=?document.getElementById(div1);?? ????????w2.show(div1El,center);?? ?? ????????var?w3?=?new?WaitingTip({gap:10,innerHTML:img?src=images/w2.gif?/正在搜索...});?? ????????var?txt2El?=?document.getElementById(txt2);?? ????????w3.show(txt2El,right);?? ????}?? ????window.onload?=?bodyload;?? ????/script?? body?? ul?? ????li?? ????等待动画默认在相对HTML元素的下方br/?? ????????input?id=txt1?type=text?value=北京?/?? ????/li?? ????li?? ????????div?id=div1?style=margin:50px;width:200px;height:100px;border:1px?solid?black?? ????????????等待动画在中间br/?? ????????/div?? ????/li?? ????li?? ????等待动画在右边，且和相对HTML元素的距离为10pxbr/?? ????????input?id=txt2?type=text?value=北京?/?? ????/li?? /ul?? /body?? /html?? ??源码如下：?? Javascript代码? /**? ?*?@praam?StringcontainerElId=?____waiting____随机数?指定一个容器的id? ?*?@param?StringstyleClassName?容器的css样式类? ?*?@param?StringinnerHTML?＝img?alt=running...?src=/images/waiting.gif?/???内容? ?*?@param?Stringanchor?=down??停放位置?[down,up,left,right,center];? ?*?@param?Numbergap?=2与参照节点位置的间距