`
Zhoumx
  • 浏览: 73519 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

动态创建弹出div

阅读更多
动态创建弹出div
answer:形式如:
function createDiv(){
var msgObj=document.createElement("div")
        msgObj.setAttribute("id","msgDiv");
        msgObj.setAttribute("align","center");
        msgObj.style.background="white";
        msgObj.style.border="1px solid #0000FF";
        msgObj.style.position = "absolute";
        msgObj.style.left = "55%";
        msgObj.style.top = "50%";
        msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
        msgObj.style.marginLeft = "-225px" ;
        msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
        msgObj.style.width = 300 + "px";
        msgObj.style.height =120 + "px";
        msgObj.style.textAlign = "center";
        msgObj.style.lineHeight ="25px";
        msgObj.style.visibility = 'visible';
        msgObj.style.zIndex = "10001";
        var title=document.createElement("h4");
        title.setAttribute("id","msgTitle");
        title.setAttribute("align","left");
        title.style.margin="0";
        title.style.padding="3px";
        title.style.background="#0000FF";
        title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
        title.style.opacity="0.75";
        title.style.border="1px solid #0000FF";
        title.style.height="15px";
        title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
        title.style.color="white";
        title.style.cursor="pointer";
        title.innerHTML="信息提示";
        document.body.appendChild(msgObj);
        document.getElementById("msgDiv").appendChild(title);
        var txt=document.createElement("p");
        txt.style.margin="1em 0"
        txt.setAttribute("id","msgTxt");
    var str = "确定删除?";
    txt.innerHTML=str;
    document.getElementById("msgDiv").appendChild(txt);
var txt1=document.createElement("p");
        txt1.style.margin="1em 0"
        txt1.setAttribute("id","ggg");
    var str = "<input type='button' value='确定'/> "
    txt1.innerHTML=str;
    document.getElementById("msgDiv").appendChild(txt1);
}
分享到:
评论

相关推荐

    NET弹出层弹出div

    总结来说,"NET弹出层弹出div"是ASP.NET开发中提高用户体验的一种技巧,它利用`div`元素和JavaScript/jQuery实现动态显示和隐藏,结合服务器端代码处理业务逻辑,提供了一种高效且用户友好的信息交互方式。

    css + div 滑动弹出div效果

    结合JavaScript(尤其是jQuery库)可以实现丰富的交互效果,比如滑动弹出div的效果。这种效果常见于下拉菜单、模态框或者侧边栏等,能够提供良好的用户体验,使网站更具动态感和吸引力。 首先,我们要理解CSS在实现...

    js弹出div demo

    通过熟练掌握这些技巧,你可以创建出功能丰富、交互性强的js弹出div,提升用户的使用体验。 总的来说,js弹出div是JavaScript在网页交互中常用的一种技术,它利用了HTML和CSS的组合,结合JavaScript的动态特性,为...

    漂亮的div弹出窗口样式

    在网页设计中,div元素是布局和样式设计...通过学习和应用这些知识,开发者可以创建出既美观又实用的弹出窗口,提升网页的用户体验。在实际项目中,你可以根据需求对这个弹出窗口样式进行调整,以满足特定的业务场景。

    滚动条到底部弹出div

    在网页设计中,"滚动条到底部弹出div"是一种常见的交互效果,它通常用于实现无限滚动、加载更多内容或显示底部菜单等场景。这个功能是通过JavaScript和CSS结合实现的,下面我们将详细探讨如何实现这个效果。 首先,...

    弹出div拖动层

    在网页设计和开发中,创建一个可拖动的弹出div层是非常常见且实用的技术,尤其是在构建用户交互界面时。标题“弹出div拖动层”所指的就是这样一个功能,它允许用户通过鼠标来移动一个浮层div,这种功能常见于对话框...

    jquery弹出div+异步加载数据

    创建一个弹出div通常包括以下步骤: 1. **CSS样式设置**:定义div的初始状态(如隐藏)、位置、尺寸以及外观等。 2. **事件绑定**:使用`.click()`、`.hover()`等方法为触发弹出div的行为绑定事件,如点击按钮或...

    JAVASCRIPT弹出DIV层窗口实例

    在本实例中,我们将深入探讨如何使用JavaScript来创建一个弹出DIV层窗口。 首先,我们需要了解HTML结构。`index.htm`和`test.html`文件可能包含了用于展示弹出窗口的基础HTML元素。通常,一个基本的HTML结构会包括...

    js弹出div效果

    "js弹出div效果"是指利用JavaScript控制HTML中的&lt;div&gt;元素动态显示和隐藏,以实现弹窗功能。这种效果可以用于消息提示、用户确认、登录窗口等多种场景,使页面更具交互性和用户体验。 首先,我们需要了解&lt;div&gt;元素...

    JS弹出Div窗口(可拖拽)

    这个“JS弹出Div窗口(可拖拽)”的示例就是一个解决此类需求的实用方案。 首先,让我们深入理解Div元素。Div是HTML中的一个块级元素,它可以容纳其他HTML元素并进行样式化。通过CSS,我们可以设置Div的宽高、边距、...

    Js弹出div和关闭

    ##### 创建弹出div的核心函数:`alert_div()` ```javascript function alert_div(type, parameter) { // 获取当前鼠标的位置 var x, y; if (!document.all) { // 非IE浏览器 x = pageX; y = pageY; } else { ...

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

    在网页开发中,jQuery提供了便捷的方式来创建动态的、可交互的弹出div层窗口。这种技术通常用于显示警告、消息、表单或任何需要用户注意的内容。创建一个弹出div层窗口的关键在于利用jQuery的`show()`、`hide()`、`...

    div css移动鼠标改变样式弹出div层

    本话题主要探讨如何利用 `div` 和 `css` 实现一个动态效果:当鼠标移动到特定`div`上时,能够改变样式并弹出一个相关信息的`div`层。 首先,我们需要创建两个`div`元素:一个作为主内容区域,另一个作为弹出层。在...

    div弹出框js弹出框

    这与div弹出框类似,只是使用JavaScript进行更多的动态操作。 三、弹出框的增强与优化 1. **过渡效果**:为了增加用户体验,可以添加CSS过渡或JavaScript动画,如淡入淡出、滑动等效果。 2. **响应式设计**:确保...

    弹出div层 Test

    在网页设计中,"弹出div层"是一个常见的交互元素,用于显示通知、表单、消息或其他内容。这种设计技术可以提升用户体验,因为它允许在不离开当前页面的情况下展示额外信息。"Test"这个标题暗示我们将探讨一个关于弹...

    JS弹出层,js弹出DIV效果源码下载

    在网页交互中,弹出层和弹出DIV效果是常见的功能,它们可以用来显示通知、警告、对话框或者进行用户交互。本资源提供的"JS弹出层,js弹出DIV效果源码下载"是一个运用JQUERY库实现的此类效果。 jQuery是一个广泛使用...

    弹出DIV层窗口(javascript脚本代码)

    在给定的标题和描述中提到的"弹出DIV层窗口"是指使用HTML、CSS和JavaScript实现的浮动窗口效果。这种技术常用于创建模态对话框或轻量级的弹出窗口。 首先,让我们深入理解HTML部分: ```html &lt;!DOCTYPE ...

    div 弹出层

    这种库通常会提供一些预设的样式和行为,帮助开发者快速创建弹出层,同时支持自定义配置,以适应不同项目的需求。 使用`lhgdialog3.0`这样的库,开发者可以简化代码,减少重复工作,提高开发效率。一般来说,这类库...

    div+javascript的弹出框

    在本场景中,`div`可能被用来创建弹出框的主体结构。 接着,我们讨论JavaScript如何实现弹出框。在JavaScript中,弹出框通常通过`alert()`, `prompt()`, 或 `confirm()`函数来实现,但这三种方法都是浏览器内置的,...

    layer和div两种弹出层.zip

    - 实现原理:Layer通过在页面上动态创建一个或多个层(div元素)来实现弹出层效果,这些层可以覆盖或嵌入到现有页面内容中。 - 使用步骤:首先,需要在页面中引入Layer的JavaScript和CSS文件;然后,通过调用相应的...

Global site tag (gtag.js) - Google Analytics