`
zhouyrt
  • 浏览: 1141831 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript模态对话框类(拖拽时动画)

 
阅读更多

2010年写了一个模态对话框类,这次进行一些重构和扩充。拖拽时使其有动画效果。接口没变,如下

 

 

 new ModelDialog({
         caption      标题 '对话框标题'(默认)
         template     主体内容 ''(默认)
         dialogCls    对话框className 'md-dialog'(默认)
         headCls      头部className 'md-head'(默认)
         btnCloseCls  关闭按钮className 'md-close'(默认)
         bodyCls      主体className 'md-body'(默认)
         shadowBg     遮盖层背景色 'gray'(默认)
         shadowOpy    遮盖层透明的 0.2(默认)
         dragable     是否可拖拽 true(默认)
         dragInWin    是否仅在窗口内拖动 (true)默认  与area互斥
         area         [minX,maxX,minY,maxY] 与dragInWin互斥
 });

 

效果图

  • 大小: 6.6 KB
1
0
分享到:
评论
5 楼 forlolita 2012-12-25  
360也没动啊
4 楼 zhouyrt 2012-03-02  
fan_qiuqiu 写道
我下载之后,也没有拖拽的效果。只有虚线移动,对话框并没有移动。
还是本来就这样的效果?

有行注释没去掉,呵呵。
3 楼 fan_qiuqiu 2012-01-18  
我下载之后,也没有拖拽的效果。只有虚线移动,对话框并没有移动。
还是本来就这样的效果?
2 楼 zhouyrt 2012-01-17  
togoog 写道
Chrome 下面没有效果,无法完成拖动。

可以的
1 楼 togoog 2012-01-17  
Chrome 下面没有效果,无法完成拖动。

相关推荐

    JavaScript模态对话框类

    JavaScript模态对话框类是一种常见的前端开发工具,用于在网页中弹出临时窗口,显示警告、确认或输入信息等交互内容。它通常以一个独立的浮动层覆盖在页面上,阻止用户与背景内容的交互,直到对话框关闭。在本案例中...

    ModelDialog JavaScript模态对话框类代码

    从提供的文件内容中,我们可以提取出以下关于JavaScript模态对话框类的知识点: 1. **模态对话框类ModelDialog的基本概念:** 模态对话框类ModelDialog是一种用于创建模态窗口的JavaScript类,它允许开发者通过...

    mfc:单文档中对话框类调用视图类和框架类成员变量的实例

    建立一个单文档mfc程序,设计一个菜单按钮,可以弹出一个对话框。在对话框中使用视图类和框架类中的变量。说明:http://blog.csdn.net/tywwwww/article/details/55281565

    一个比较好用的VC对话框类

    此外,对话框类还会包含对控件消息的响应函数,如ON_BN_CLICKED消息,当用户点击按钮时,对应的成员函数会被调用。这使得我们能为每个控件的特定行为编写定制的代码。 标签"VC 对话框"表明这个类专注于VC++的对话框...

    JavaScript 的模态窗口

    JavaScript的模态窗口是网页开发中常用的一种交互设计,它可以在用户进行其他操作时暂停页面流程,强制用户关注特定信息或执行某个操作。模态窗口通常由一个覆盖在主页面上的半透明背景(通常称为“mask”)和一个...

    javascript 模态窗口 v2.1

    JavaScript 模态窗口,经历2次升级,使用方便,操作灵活, 支持IE、Mozilla FireFox、Sarafi、Opera、Chrome等多浏览器,版权所有,请勿用作商业用途

    javascript模态窗口

    JavaScript模态窗口是一种在网页设计中广泛使用的交互元素,它能够强制用户在处理当前内容之前必须先进行交互。模态窗口通常表现为一个弹出框,阻止用户与页面其他部分进行互动,直到他们关闭该窗口或者完成操作。在...

    动态创建内存对话框类

    使用这个动态对话框类时,你只需要传递对话框的资源ID和可选的父窗口指针: ```cpp CDynamicDialog myDialog; if (!myDialog.Create(_T("IDD_DYNAMIC_DIALOG"), this)) { AfxMessageBox(_T("Failed to create ...

    ChatGPT技术的多模态对话建模方法.docx

    3. 在生成响应时保持一致性和连贯性的挑战:多模态对话建模需要在生成响应时保持一致性和连贯性,需要设计合适的模型和算法,以便在生成响应时综合考虑多种输入形式。 多模态对话建模的方法 1. 基于注意力机制的多...

    ChatGPT技术的多模态对话生成策略.docx

    然而,在面对多模态对话时,ChatGPT 技术也面临着挑战。本文将探讨 ChatGPT 技术的多模态对话生成策略。 一、多模态对话的概念与应用 多模态对话是指在对话中同时涉及多种媒体形式,如文字、音频和图像等。与传统...

    可拖拽的谷歌样式纯javascript模态窗口插件

    在可拖拽功能方面,该插件允许用户通过鼠标拖动来改变模态窗口的位置,提供了更灵活的用户体验。实现拖拽功能通常涉及到事件监听(如mousedown、mousemove和mouseup),以及计算鼠标移动的距离并更新模态窗口的位置...

    ChatGPT技术的多模态对话生成策略研究.docx

    ChatGPT技术的多模态对话生成策略研究 ChatGPT技术的多模态对话生成策略研究是当前人工智能领域的一个热门研究方向。该研究主要集中在对话生成模型的改进和拓展,旨在提高对话系统的智能化和个性化。多模态对话生成...

    ChatGPT技术的多模态对话处理和融合技术.docx

    在实现多模态对话处理技术时,我们面临着一些挑战。首先,不同类型的输入数据需要进行有效的特征提取和表示。其次,需要解决模型设计和训练的问题。传统的 ChatGPT 模型是基于 Transformer 的,但是在多模态对话处理...

    ChatGPT技术的多模态对话生成分析.docx

    多模态对话生成分析 ChatGPT 技术的多模态对话生成分析是自然语言处理领域的一个重要研究方向。该技术可以将文本、图片、音频等多种模态信息融合起来,生成更加丰富和多样化的对话结果。 知识点1:多模态对话生成的...

    ChatGPT技术的多模态对话扩展方法.docx

    "ChatGPT 技术的多模态对话扩展方法" ChatGPT 技术是近年来备受关注的一种技术,它能够通过训练大量的语料库数据来生成具有一定迁移能力的对话系统。然而,在实际应用中,ChatGPT 技术还有一定的局限性,主要体现在...

    ChatGPT技术的多模态对话生成和理解方法.docx

    ChatGPT技术的多模态对话生成和理解方法 ChatGPT技术的多模态对话生成和理解方法是自然语言处理领域的一项重要进展。它能够进行多模态对话生成和理解,从而更好地模拟人类对话,实现智能化的人机交互。 1. 多模态...

    ChatGPT技术的多模态对话生成与理解能力研究.docx

    当我们将ChatGPT技术应用于多模态对话生成与理解时,也面临一些挑战。首先,不同模态数据的表示和融合是一个复杂的问题。其次,多模态对话生成需要模型能够同时处理多种形式的输入信息,并根据不同的模态输出对应的...

Global site tag (gtag.js) - Google Analytics