`
tcw290
  • 浏览: 22286 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

原创DIV浮动窗口、可以拖拽

阅读更多

 在WEB应用系统有很多地方用的弹出窗口,网上有很多插件,JQUYE,EXT等等都有很不错的的窗口,自己心思也试着开发一个DIV浮动容器,刚刚出炉,用prototype进行封装,在IE上测试没有问题。
 功能:

     1、动态生成浮动窗口

     2、可自由拖动

     3、可进行折叠和恢复

     4、可设置为目标窗口的内容

     5、窗口位置大小自定义
      构造器:var win = new SuperWin('宽度','高度','左','上','标题');

 

源码:下载附加,完全开放,共同学习,共同进步

  • div.rar (6.5 KB)
  • 下载次数: 14
分享到:
评论

相关推荐

    SuperWin DIV浮动窗口、可拖拽

    1.动态生成浮动窗口 2.可自由拖动 3.可进行折叠和恢复 4.可自由进行关闭 5.可自由定义标题栏背景 6.可设置为目标窗口的内容 7.可自由定义弹出位置和大小 优点: 1.代码精简,加载速度快 2.支持URL和普通文本...

    Jquery插件之浮动窗口(DIV)

    **jQuery插件:浮动窗口(DIV)** 在网页设计中,浮动窗口(通常是一个具有特定功能的`div`元素)是一种常见的交互元素,它能够悬浮在页面内容之上,提供信息提示、广告展示或者用户交互等功能。jQuery作为一种强大...

    html可以移动的浮动窗口

    不过,我可以提供一个基本的浮动窗口实现示例: ```html <!DOCTYPE html> .float-window { position: absolute; width: 200px; height: 100px; background-color: #f0f0f0; border: 1px solid #ccc; ...

    js div浮动层拖拽效果代码

    在JavaScript编程中,实现`div`浮动层的拖拽效果是一项常见的需求,特别是在网页交互设计中。这个场景通常涉及到事件监听、元素定位以及鼠标坐标计算等技术。下面将详细讲解如何利用JavaScript实现这一功能。 首先...

    js加div 窗口拖动实现

    总结来说,通过JavaScript和CSS,我们可以创建一个可拖动的div窗口,并通过Ajax保存用户的自定义窗口位置。这个过程涉及到HTML结构的搭建、CSS样式的设定、JavaScript事件监听及Ajax通信等多个方面,体现了Web开发中...

    客服QQ浮动窗口

    例如,可以使用JavaScript监听滚动事件,当用户滚动页面时,浮动窗口会保持在屏幕的固定位置,确保始终可见。同时,JavaScript还可以实现点击打开或关闭窗口的效果,以及连接到QQ聊天的跳转逻辑。 CSS(层叠样式表...

    web div浮动广告

    在Web开发中,"div浮动广告"是一种常见的设计技术,用于在网页上创建如客服在线等浮动元素。这种广告或功能通常位于页面的一侧,随着用户滚动页面而始终保持可见,以便用户随时能与客服进行交流。现在我们来深入探讨...

    javascript浮动div,可拖拽div,遮罩层(div和iframe实现)

    可拖拽 Div 指的是用户可以手动拖动 Div 在页面中的位置。这一功能通常采用原生 JavaScript 实现。 #### 实现步骤 1. **绑定事件监听器**:为 Div 绑定 `mousedown` 事件,当用户按下鼠标左键时触发。 2. **获取...

    JS弹出Div窗口(可拖拽)

    在Web应用中,Div(Division)元素常被用来作为页面布局的容器,而通过JavaScript,我们可以将Div转换为可弹出且可拖动的窗口,以提供更好的用户体验。这个“JS弹出Div窗口(可拖拽)”的示例就是一个解决此类需求的...

    Jquery弹出div层窗口以及div屏幕居中,背景滤镜效果,div拖拽效果

    以上就是关于“jQuery弹出div层窗口、div屏幕居中、背景滤镜效果和div拖拽效果”的核心知识点。通过熟练掌握这些技巧,开发者可以创建更富有互动性和用户体验的网页应用。在实际开发中,还需要根据不同的项目需求,...

    js div浮动层拖拽效果代码.zip

    这个功能常见于创建浮动窗口、对话框或者自定义控件,使用户可以通过鼠标操作移动这些元素在页面上的位置。 首先,我们需要了解HTML `<div>` 标签,它是用来分组HTML元素的容器,通常用于布局或样式目的。浮动层...

    基于页面的浮动窗口 javaScript 代码

    在网页设计中,浮动窗口是一种常见的交互元素,它可以在用户滚动页面时始终保持在视口的可见位置,提供持续的信息展示或者导航功能。本教程将详细讲解如何使用JavaScript实现基于页面的浮动窗口。JavaScript作为一种...

    Div浮动显示功能

    很好的div浮动层显示,一些下拉改为透明的浮动层,便于做查询等功能

    可拖动div边框改变大小的方法

    可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。

    div模式窗口-div模式窗口

    对于创建浮动窗口或固定定位的元素,`absolute`和`fixed`尤为常用。 - `width`和`height`: 定义`div`的尺寸。 - `margin`和`padding`: 控制元素周围的空白空间。 - `border`和`background`: 定义边框和背景,增强...

    手动拖动div改变窗口宽度大小 左中右三列拖拽

    手动拖动div改变窗口宽度大小 左中右三列拖拽

    Div浮动的简单实现

    Div浮动的核心属性是`float`,它可以取`left`、`right`或`none`三个值。当我们将一个Div设置为`float:left`时,该Div会尽可能地向左移动,直到其左侧接触到容器的边缘或其他浮动元素。同样,`float:right`会使Div向...

    漂亮的div浮动层

    漂亮的div浮动层

    div弹出窗口可拖动2

    div弹出窗口可拖动2

    详细说明了div怎么在div上实现浮动的代码

    本文将深入探讨如何通过CSS样式实现`div`元素的浮动,以达到在另一个`div`上浮动的效果,同时我们也会提及在.NET环境中如何应用这些技术。 首先,让我们了解什么是浮动(Floating)。在CSS中,`float`属性主要用于...

Global site tag (gtag.js) - Google Analytics