您现在的位置：雨哲在线 >> 文章教程 >> Web开发 >> HtmlJs >> 查看文章内容

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

【字体：小大】热 ★★★ 作者：未知文章来源：http://www.yz81.com 点击数：596 更新时间：2007-10-25 阅读点数：0点

载入中

可以拖动的浮动层窗口，非常不错。

如果懂代码的朋友可以自行修改，扩展用于其他方面。

此代码转自网络，原作者未知。

以下是引用片段：

<!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> [雨0哲[Yz81.Com]提示：①Ctrl+A 全部选择 ②可先修改代码，再运行]

给文章部分内容增加权限[类似论坛购买贴][11-09]

留言本仿论坛模板及部分功能[11-08]

雨哲自定义表单系统 For SiteWeaver[11-07]

在线支付模板管理[11-07]

全站搜索 For SiteWeaver 通用[11-07]

企业会员展示系统[11-07]

本文短地址：http://www.yz81.com/?ArticleID=2167 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

[更多] 网友看法

数据载入中，请稍后……

发表评论

昵　称:		邮　箱:
评　分:	1分 2分 3分 4分 5分
内　容: （0/5000）插入链接
验证码:
雨哲提示：Alt+S快速发表

用户信息中心

与本文章相关内容

>> [文章教程]CSS在FireFox和IE中的差异及　[日期：2008-07-14 23:25:20]
>> [文章教程]javascript中获取地址栏参数　[日期：2007-11-23 21:51:44]
>> [雨哲网赚]JavaScript编码错误将给网络　[日期：2007-11-23 21:37:12]
>> [雨哲网赚]Google ADSense的JS投放代码　[日期：2007-11-12 12:48:59]
>> [文章教程]js用于树型结构级联选择　[日期：2007-10-25 18:06:45]
>> [文章教程]打印网页中定义的部分内容　[日期：2007-10-24 22:41:09]
>> [文章教程]提交表单的Js进度条效果　[日期：2007-10-16 15:09:08]
>> [文章教程]判断远程图片是否存在　[日期：2007-10-14 20:20:56]
>> [文章教程]根本不存在 DIV + CSS 布局　[日期：2007-09-13 19:43:20]
>> [文章教程]CSS 缩写技巧　[日期：2007-05-29 21:46:18]

热门排行TOP10

推荐排行TOP10

[雨哲在线]最新公告

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