JS代码怎么实现DIV层提示效果？
本例的重点是div层的动态创建和控制。使用“document。write”动态创建层，然后使用样式的“style．display”属性来控制层的隐藏或显示。当“style．display”的值为“none'’的隐藏层，为“block'’时显示层。
script language=javascriptvar div_x,div_y;function div6() { this。display=display; }//实现层和表格的动态创建function display() { document。 write(table align=centertrtdbutton style='wi...全部
本例的重点是div层的动态创建和控制。使用“document。write”动态创建层，然后使用样式的“style．display”属性来控制层的隐藏或显示。当“style．display”的值为“none'’的隐藏层，为“block'’时显示层。
script language=javascriptvar div_x,div_y;function div6() { this。display=display; }//实现层和表格的动态创建function display() { document。
write(table align=centertrtdbutton style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document。
getElementById('div1')。style。display='block' onfocus=this。blur()div留言/button/td/tr/table); document。
write(div id='div1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'); document。
write(div style='position:absolute;top:expression((body。clientHeight-300)/2);left:expression((body。
clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'); document。
write(table width=200 height=20 bgcolor=green onmousedown='div_x=event。x-parentNode。style。pixelLeft;div_y=event。
y-parentNode。style。pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='divMove(this。
parentNode)' style='cursor:move;'); document。write(tr align=center); document。write(td align=left提示:div6/td); document。
write(/tr); document。write(/table); document。write(span style= cursor:hand onclick=this。parentNode。
parentNode。style。display='none';br发生了严重的错误。。。br[返回]/span); document。write( /div); document。write(/div);}//实现层的拖移function divMove(obj) { if(event。
button==1) { var divX=obj。clientLeft; var divY=obj。clientTop; obj。style。pixelLeft=divX+(event。x-div_x); obj。
style。pixelTop=divY+(event。y-div_y); }}//创建并显示层var mydiv=new div6();mydiv。display();/script。收起
