JS+CSS打造可拖动的聊天窗口层

2024-04-27 13:56:20

字体：大中小

来源：转载

供稿：网友

一个可以拖动的聊天窗口层，兼容IE和FF：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <a href="http://www.vevb.com/xml.asp">xml</a>ns="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="content-type" content="text/html; charset=gb2312">  <meta http-equiv="content-scr<a href="http://ip.vevb.com/">ip</a>t-type" content="text/<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script">  <meta http-equiv="content-style-type" content="text/<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>">  <title>DoDi Chat v1.0 Beta</title>  <style rel="stylesheet" type="text/css" media="all" />    </style>  <script language="<a href="http://www.vevb.com/article.asp?typeid=36">Javascript</a>" type="text/javascript">    </script></head><body><div id="main" class="dragclass" style="left:600px;top:300px;">  <div id="ChatHead">    <a href="#" onclick="ChatHidden();">-</a>    <a href="#" onclick="ChatShow();">+</a>    <a href="#" onclick="ChatClose();">x</a>  </div>  <div id="ChatBody">    <div id="ChatContent"></div>    <div id="ChatBtn">      <form action="" name="chat" method="post">      <textarea name="ChatValue" rows="3" style="width:350px"></textarea>      <input name="Submit" type="button" value="Chat" onclick="ChatSend(this.form);" />      </form>    </div>  </div></div></body></html>

上一篇：Js之软键盘实现(源码)

下一篇：DvBBS 7.x sql到Discuz!5.0图文转换教程