九号源码中心

网站首页网站运营网页制作 WEB开发图形图像操作系统数据库服务器认证考试网络应用

九号源码中心 -> 技术文档 -> 网页制作 -> Javascript -> 文章内容

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

作者：佚名来源：不详发布时间：2007-11-5 16:33:42 发布人： wuxinglq

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="content-type" content="text/html; charset=gb2312">  <meta http-equiv="content-script-type" content="text/javascript">  <meta http-equiv="content-style-type" content="text/css">  <title>DoDi Chat v1.0 Beta</title>  <style rel="stylesheet" type="text/css" media="all" />    </style>  <script language="javascript" 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>

[] [返回上一页] [打印] [收藏]

上一篇文章：在Javascript中使用正则表达式
下一篇文章：网页javascript精华代码集