当前位置：首页 > 设计在线 > 网页设计 > CSS/Xhtml > JS+CSS打造可拖动的聊天窗口层（兼容）

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

点击次数：23 次发布日期：2008-11-26 22:44:01 作者：源代码网

源代码网推荐

<!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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

源代码网供稿.

上一篇: IT新技术名词：AJAX和SOAP——异步数据和XML获取下一篇: 有关HTML代码的另类应用技巧

网友评论 (0)

我也要写评论

JS+CSS打造可拖动的聊天窗口层（兼容）的相关新闻

会员中心

设计在线

本站推荐

设计在线之精华