`
daoger
  • 浏览: 531573 次
  • 性别: Icon_minigender_1
  • 来自: 山东济南
社区版块
存档分类
最新评论

DIV弹出窗口

工作 
阅读更多

由于工作需要，做了一个简单的弹出窗口，样式模仿的dhtmlxwindow中的窗口模式；当初本来也想直接用它来实现算了，但是js文件太大，还有很多图片，精简之后也不小。还是自己动手写一个吧！

通过设定id为treebox的div来设定窗口中的内容，可拖拽，可调整大小。源码中我是让她加载一个选择数。使用时引入js文件，调用TreeBox.show()方法就可以了。看看效果图吧！

2
顶
0
踩
分享到：
| liferay开发小记---Struts，Spring，Hibe ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    漂亮的div弹出窗口样式

    本资源“漂亮的div弹出窗口样式”提供了一种美观的弹出窗口设计，适用于网页中的各种提示、警告或者信息展示。通过解压文件并双击html页面，我们可以直接预览这个弹出窗口的效果。 首先，我们来详细了解一下div弹出...

    模拟QQ2009的div弹出窗口

    在IT行业中，模拟QQ2009的div弹出窗口是一项常见的前端开发任务，它涉及到网页交互设计和JavaScript编程。这种弹出窗口主要用于提供信息提示、用户反馈、表单提交等，增强了用户体验并提升了网站的互动性。在这个...

    javascript div弹出窗口 可封装为JS类

    在JavaScript编程中，"div弹出窗口"是一种常见的交互式设计，它允许用户在不离开当前页面的情况下查看或操作相关信息。这种技术常被用于显示警告、提示、对话框或者加载内容丰富的模块，如图片画廊、表单等。在本...

    漂亮的div弹出窗口

    在网页设计中，"漂亮的div弹出窗口"是一种常见的交互元素，它用于向用户展示重要的信息、提示或者功能。div是HTML中的一个区块级元素，全称为Division，用于组织页面内容。通过CSS（Cascading Style Sheets）进行...

    div弹出窗口.可打包成JS文件

    在网页设计中，"div弹出窗口"是一种常见的交互元素，用于显示重要的信息、提示、警告或者复杂的用户界面。这个标题表明我们讨论的是一个利用HTML `<div>` 元素实现的弹窗，它可以被封装为JavaScript（JS）文件以便于...

    javaScript Div弹出窗口

    JavaScript中的Div弹出窗口是一种常见的前端交互设计，用于在网页上显示临时信息或者进行用户交互。Div元素本身是HTML中的一个块级元素，可以用来组织页面布局，通过CSS样式进行定制，而在JavaScript中，我们可以...

    div弹出窗口.rar

    在网页设计中，"div弹出窗口"是一个常见的交互元素，它允许开发者创建不依赖浏览器原生功能的自定义对话框。在这个例子中，我们看到一个名为“div弹出窗口.rar”的压缩包，里面可能包含了实现这一功能的相关HTML、...

    JS+CSS实现带关闭按钮的DIV弹出窗口

    JS+CSS实现带关闭按钮的DIV弹出窗口

    GenJS v2.0 很棒的Div弹出窗口JS类.rar

    GenJS是一个Div弹出窗口JS类，...)、GenPop.js(PopWin.js)，在引用Div弹出窗口类的时候，这个三个文件必不可少。 　目前的最新版本为2.0，对原有的“Div弹出窗口、简繁转化”进行了优化升级并兼容了Firefox浏览器。

    DIV 弹出窗口 特效

    在网页设计中，"DIV弹出窗口特效"是一种常见的交互元素，用于实现模态框、提示框或对话框效果。这种技术主要基于HTML的`<div>`元素，结合CSS（层叠样式表）来控制布局和样式，以及JavaScript或者jQuery等JavaScript...

    优秀的CSS+DIV弹出窗口

    创建CSS+DIV弹出窗口，首先需要一个触发弹出窗口的元素，这通常是一个按钮或者链接。当用户点击这个元素时，通过JavaScript或者其他脚本语言来改变弹出窗口的显示状态。弹出窗口本身是由一个或多个嵌套的DIV元素构成...

    div弹出窗口可拖动2

    div弹出窗口可拖动2

    div弹出窗口

    使用div替代传统窗口弹出的不方便和差兼容性，比较好的兼容各种浏览器，背景屏蔽没写上去，代码比较简陋，

    纯css实现的DIV弹出窗口，周围变暗效果代码.zip

    标题中的“纯css实现的DIV弹出窗口，周围变暗效果代码”指的是使用CSS来创建一个弹出窗口（通常称为modal或dialog），并且在弹出窗口出现时，页面背景会变暗，形成一种聚焦和突出显示弹出内容的效果。这种效果在网页...

    JS+CSS实现带关闭按钮DIV弹出窗口的方法.docx

    本文将详细介绍如何使用JavaScript（JS）和层叠样式表（CSS）来实现一个带关闭按钮的DIV弹出窗口。 首先，我们需要理解HTML结构。在提供的代码中，有两个主要的`div`元素：`#ly`和`#Layer2`。`#ly`是用来创建一个半...

    jquery 仿QQ校友的DIV弹出窗口效果

    本资源"jquery 仿QQ校友的DIV弹出窗口效果"显然是一个利用jQuery实现的，模仿QQ校友应用中的弹出窗口交互效果的示例。这个例子可以帮助开发者了解如何在自己的网页中创建类似的功能，提升用户体验。 首先，让我们...

    JS+CSS实现Div弹出窗口同时背景变暗的方法

    本文将详细介绍如何使用JavaScript（JS）和层叠样式表（CSS）来实现一个Div弹出窗口，并使背景变暗的效果。 首先，我们需要理解页面布局的基本原理。在HTML中，我们定义了弹出窗口的结构以及一个按钮用于触发弹出...

    基于JavaScript实现的lhgdialog DIV弹出窗口框架

    lhgdialog框架是一个轻量级的、高度可定制的弹出窗口解决方案，它通过使用HTML的DIV元素和CSS样式来构建弹出窗口，实现了无刷新的交互体验。相比Alert，lhgdialog提供了更为丰富的功能和更美观的界面，能够更好地...

Magicbox
Global site tag (gtag.js) - Google Analytics