`
ayong2010
  • 浏览: 5643 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

js层

CSS 
阅读更多
function openaddmodule(moduleId, act) {
  var s="<iframe style='position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; scrolling: no;' frameborder='0' src='about:blank'></iframe>";
if (act == 1) {//add
    var sHTML = "<div id='massage_box'><div class='massage'><div id='titleDiv' class='header' style='cursor:move;'><div id='titleDiv' style='display: inline; width: 150px; position: absolute; font-size: 12px; font-weight: bold;'>添加模块</div><span onClick='javascript:closemanager();'style='float: right; display: inline; cursor: hand'>&nbsp;&nbsp;X&nbsp;&nbsp;</span></div><div><iframe src='basicModule.do?action=toAddModule' name='userframe' id='userframe' frameborder='0' scrolling='auto' height='280px' width='625px'></iframe></div></div></div>";
} else {
var sHTML = " <div id='massage_box'><div class='massage'><div id='titleDiv' class='header' style='cursor:move;'><div id='titleDiv' style='display: inline; width: 150px; position: absolute; font-size: 12px; font-weight: bold;'>修改模块</div><span onClick='javascript:closemanager();'style='float: right; display: inline; cursor: hand'>&nbsp;&nbsp;X&nbsp;&nbsp;</span></div><div><iframe src='basicModule.do?action=getBasicModuleById&moduleId=" + moduleId + "' name='userframe' id='userframe' frameborder='0' scrolling='auto' height='280px' width='625px'></iframe></div></div></div>";
}
//最外层DIV
            var outmanageDiv = document.createElement("div");
           
            //在最外层DIV中动态创建 sHTML内容
            outmanageDiv.innerHTML = sHTML;

          
            var manageBg = document.createElement("div");
            manageBg.innerHTML=s;
            manageBg.id = "managerid";
            manageBg.className = "neat-dialog-bg";
            var managergc = document.createElement("div");
            managergc.id = "managergcid";
            managergc.className = "neat-dialog-cont";
            managergc.appendChild(manageBg);
            managergc.appendChild(outmanageDiv);
  
            if (document.body.offsetLeft > 0)
            {
            divgc.style.marginLeft = document.body.offsetLeft + "px";
}
//增加至body中
            document.body.appendChild(managergc);
            if(act==1) $("#massage_box").css("height","300px");
            else $("#massage_box").css("height","220px");
            $("#massage_box").css("width","660px");
            $("#massage_box").css("left","350px");
            $("#massage_box").css("top","250px");
            $("#massage_box").draggable({handle: '#titleDiv',containment:'#parent_snsmanager'});
$("div").disableSelection();
           // inPage(520, 400, 400, 150, "添加"+title, sHTML);
           // new NeatDialogRoom("", "", false);
           // onLoad(title);
}

function closeModule()
    {
$("#massage_box").remove();
$("#managerid").remove();
$("#managergcid").remove();
}
分享到:
评论

相关推荐

    各种js层特效,拖动层

    在网页开发中,JavaScript是一种非常重要的脚本语言,它为网页带来了...这些都是JavaScript层特效和拖放功能的实际应用案例,通过分析和学习这些代码,你可以更好地理解如何在实践中运用这些技术,实现丰富的用户体验。

    JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换

    JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS 层的切换JS...

    javascript 多层嵌套的一个层展开、收缩实例

    下面是一个简单的示例,展示如何使用JavaScript来实现一个三层嵌套的对象展开和收缩: ```javascript function toggleNested(obj, path = []) { if (typeof obj !== 'object' || obj === null) return; for ...

    javascript层的多种实现

    JavaScript层的实现是Web开发中的一个重要概念,尤其是在构建复杂交互和动态用户界面时。JavaScript作为客户端脚本语言,它的灵活性和强大的功能使得开发者能够创建出丰富的网页应用。在这个主题下,我们将探讨...

    javascript层收缩效果

    标题中的“javascript层收缩效果”指的是使用JavaScript实现的网页元素(通常称为“层”或“div”)在用户交互下进行尺寸变化的效果。这种效果常见于菜单、侧边栏、弹窗等,使得页面布局更加动态和交互友好。在网页...

    浮动JS层

    浮动JS层,顾名思义,是指在网页中使用JavaScript实现的一种动态效果,使得某些元素能够在用户滚动页面时保持在屏幕的特定位置,通常用于创建固定头部、侧边栏导航或者浮动广告等。这种技术的核心在于理解网页布局、...

    js层覆盖页面登录特效示例.rar

    总的来说,"js层覆盖页面登录特效"是一种提高网页用户体验的有效手段,它结合了JavaScript的动态能力、HTML和CSS的结构与样式,以及良好的交互设计原则。通过深入理解这些知识点并实践相关示例,开发者能够创建出...

    js层拖动特效.rar

    标题“js层拖动特效.rar”指的是一个使用JavaScript实现的网页元素(通常称为“层”或“div”)拖动特效的压缩包文件。这个压缩包包含了一个名为"JS拖动保存DIV.html"的HTML文件,这可能是演示或者源代码示例,...

    经典js层弹出功能

    "经典js层弹出功能"这个标题涉及到的是利用JavaScript实现的一种常见用户交互:弹出对话框。在ASP.NET开发环境中,这样的功能能够提升用户体验,方便用户与网站进行更直观的互动。 描述中提到的"ASP.NET开发非常...

    收藏一个JS层的显示与隐藏

    收藏一个JS层的显示与隐藏 收藏一个JS层的显示与隐藏

    js弹出层可拖动兼容各大浏览器

    "js弹出层可拖动兼容各大浏览器"这个主题涵盖了如何利用JavaScript实现一个弹出窗口,并确保它在各种浏览器(如Chrome、Firefox、Safari、Edge和IE等)上具有良好的兼容性。下面我们将深入探讨这一技术。 首先,...

    遮罩层 javascript js 数据提交

    "遮罩层 javascript js 数据提交"这个主题涉及到的是如何在JavaScript中实现一个遮罩层,并在用户点击提交按钮时,利用JavaScript处理数据提交的过程。在此过程中,遮罩层的出现和消失以及提交操作的执行,都是通过...

    纯javascript 完美 无障碍层拖拽

    "纯javascript 完美 无障碍层拖拽"这个标题表明我们要讨论的是一个使用纯JavaScript实现的、功能完善的、具有无障碍性(即对残障人士友好)的层拖拽技术。这里的“层”通常指的是网页中的浮动元素或者对话框,而“无...

    最好用的JS日历控件

    JavaScript层通常指的是JavaScript代码在页面上的作用,包括DOM操作、事件监听、函数调用等。 在提供的压缩包文件中,`smartcalendar.htc`可能是一个行为集中组件(HTC - HTML Component),这是一种老式的IE浏览器...

    JavaScript弹出遮盖层

    例如,`Layer.js`是一个常用的弹出层组件,它支持多种弹出类型,如对话框、提示、警告、确认等,还提供了易用的API和丰富的配置选项。 总之,JavaScript弹出遮盖层是前端开发中的基础技能,通过结合HTML、CSS和...

    js鼠标滑过图片,在图片上方蒙上一层透明层显示详情内容

    在JavaScript(JS)编程中,实现“鼠标滑过图片,在图片上方蒙上一层透明层显示详情内容”的功能是一项常见的交互设计。这个功能可以提升用户体验,让用户在不离开当前页面的情况下查看图片的相关信息。下面我们将...

    js浮动浮动层显示有利于javaScript学习

    JavaScript中的浮动层(Floating Layer)技术是网页动态效果和交互设计中的重要概念,它允许创建在用户鼠标移动时跟随或响应的元素。这种技术在学习JavaScript时尤其有用,因为它可以帮助理解DOM操作、事件处理和CSS...

    js打开关闭遮罩层

    在本主题中,我们将深入探讨如何使用JavaScript来实现遮罩层的打开和关闭,并结合loading图片以增强用户体验。 一、JavaScript基础 JavaScript是一种广泛使用的客户端脚本语言,它可以直接在用户的浏览器中运行,...

    网页弹出div层的js-javascript

    下面将详细介绍如何使用js-javascript来实现div层的弹出效果。 首先,我们要明白JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用的客户端脚本。在网页中,JS可以操作DOM(文档对象模型)...

    遮罩层js代码

    本主题聚焦于"遮罩层js",这是一个基于jQuery和sliphover库实现的JavaScript代码,它允许开发者创建具有多样性和自定义功能的遮罩层。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...

Global site tag (gtag.js) - Google Analytics