知识大全 JS+CSS打造可拖动的聊天窗口层（兼容）

Posted 2022-07-14 知

篇首语：盛年不重来，一日难再晨。及时当勉励，岁月不待人。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JS+CSS打造可拖动的聊天窗口层（兼容）相关的知识，希望对你有一定的参考价值。

JS+CSS打造可拖动的聊天窗口层（兼容） 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　<!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >< xmlns= ><head> <meta equiv= content type content= text/; charset=gb > <meta equiv= content script type content= text/javascript > <meta equiv= content style type content= text/css > <title>DoDi Chat v Beta</title> <style rel= stylesheet type= text/css media= all /> <! body text align:left; margin: ; font:normal px Verdana Arial; background:#FFEEFF form margin: ; font:normal px Verdana Arial; table input font:normal px Verdana Arial; a:link a:visited text decoration:none; color:# ; a:hover text decoration:none; color:#FF #main width: px; position:absolute; left: px; top: px; background:#EFEFFF; text align:left; filter:Alpha(opacity= ) #ChatHead text align:right; padding: px; border: px solid # ; background:#DCDCFF; font size: px; color:# FF; cursor:move; #ChatHead a:link #ChatHead a:visited font size: px; font weight:bold; padding: px #ChatBody border: px solid # ; border top:none; padding: px; #ChatContent height: px; padding: px; overflow y:scroll; word break: break all #ChatBtn border top: px solid # ; padding: px > </style> <script language= javascript type= text/javascript > <! function $(d)return document getElementById(d); function gs(d)var t=$(d);if (t)return t style;elsereturn null; function gs (d a) if (d currentStyle) var curVal=d currentStyle[a] else var curVal=document defaultView getComputedStyle(d null)[a] return curVal; function ChatHidden()gs( ChatBody ) display = none ; function ChatShow()gs( ChatBody ) display = ; function ChatClose()gs( main ) display = none ; function ChatSend(obj) var o = obj ChatValue; if (o value length> ) $( ChatContent ) innerHTML += <strong>Akon说 </strong> +o value+ <br/> ; o value= ;

　　if (document getElementById) ( function() if (window opera) document write( <input type= hidden id= Q value= > ); var n = ; var dragok = false; var y x d dy dx; function move(e) if (!e) e = window event; if (dragok) d style left = dx + e clientX x + px ; d style top = dy + e clientY y + px ; return false; function down(e) if (!e) e = window event; var temp = (typeof e target != undefined )?e target:e srcElement; if (temp tagName != HTML | BODY && temp className != dragclass ) temp = (typeof temp parentNode != undefined )?temp parentNode:temp parentElement; if( TR ==temp tagName) temp = (typeof temp parentNode != undefined )?temp parentNode:temp parentElement; temp = (typeof temp parentNode != undefined )?temp parentNode:temp parentElement; temp = (typeof temp parentNode != undefined )?temp parentNode:temp parentElement; if (temp className == dragclass ) if (window opera) document getElementById( Q ) focus(); dragok = true; temp style zIndex = n++; d = temp; dx = parseInt(gs (temp left ))| ; dy = parseInt(gs (temp top ))| ; x = e clientX; y = e clientY; document onmousemove = move; return false; function up() dragok = false; document onmousemove = null; document onmousedown = down; document onmouseup = up; )(); > </script></head>

cha138/Article/program/Java/JSP/201311/19651