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

很好用的JS遮盖层,Jquery,javascript遮盖层

阅读更多


<input type="button" name="ss" value="cc" onclick="openNewDiv()" />


<SCRIPT language="javascript" type="text/javascript">

var docEle = function()
{
    return document.getElementById(arguments[0]) || false;
}
function openNewDiv()
{
    var m = "mask";
    if (docEle(m)) document.body.removeChild(docEle(m));
  
    //mask遮罩层

    var newMask = document.createElement("div");
    newMask.id = m;
    newMask.style.position = "absolute";
    newMask.style.zIndex = "1";
    _scrollWidth = Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);
    _scrollHeight = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
    newMask.style.width = (_scrollWidth-20) + "px";
    newMask.style.height = (_scrollHeight-20) + "px";
    newMask.style.top = "0px";
    newMask.style.left = "0px";
    newMask.style.background = "#e8e8e8";
    newMask.style.filter = "alpha(opacity=40)";
    newMask.style.opacity = "0.40";
    newMask.innerHTML ="<div  align='center' style='margin-top: 80px;'><img src='..//loading.gif' width='16' height='16'  style='CURSOR: pointer'><br/><br/><font color='#ff0000'><b>请等待.......</b></font><div>";
    document.body.appendChild(newMask);
}
</SCRIPT>
分享到:
评论

相关推荐

    Jquery做的遮盖层

    在提供的文件名"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.htm"和"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.files"中,可能包含了更详细的讨论、示例代码或其他相关资源,你可以查阅这些文件以获取更多...

    超好用的Jquery弹出框和遮盖层

    本教程将深入探讨如何使用jQuery实现“超好用的弹出框和遮盖层”。 首先,让我们理解弹出框(Popup)和遮盖层(Overlay)的基本概念。弹出框通常用于在用户与页面交互时显示额外信息或提供交互界面,如警告、确认...

    javascript写的页面遮盖层,可根据具体情况自己设定或改写

    5. **兼容性**:一个好的JavaScript遮盖层解决方案应该考虑浏览器的兼容性,确保在主流浏览器上都能正常工作。 测试文件"test.html"则用于展示和验证"blockui.js"的功能。在这个HTML文件中,可能会有触发显示和隐藏...

    单击弹出遮盖层

    在IT行业中,"单击弹出遮盖层"是一个常见的前端交互设计,它涉及到网页UI设计、JavaScript编程以及CSS样式布局等多个技术领域。遮盖层通常用于创建一个半透明的覆盖层,当用户点击某个元素时,遮盖层会出现在整个...

    javascript 层遮罩效果

    在网页设计中,"javascript 层遮罩效果"是一种常见的交互设计手法,它通常用于创建弹出式对话框、模态窗口或者加载提示等场景。当你点击“用户登录”按钮时,一个半透明的遮罩层会覆盖整个页面,使得用户只能与弹出...

    jquery弹出层 jquery弹出层 jquery弹出层

    弹出层,也称为模态窗口,是在用户与网页交互时临时出现在页面上的一个浮动元素,它遮盖住背景内容,直到用户与弹出层进行交互或关闭它。弹出层可以用于展示详细信息、进行表单填写、播放媒体等,而不干扰用户对主...

    jQuery popup javascript 弹出窗口

    3. **弹出窗口实现**:`jquery.popup.js`是实现弹出窗口功能的JavaScript代码。这个脚本可能包含一个或多个函数,用于创建、显示和隐藏弹出窗口,以及处理用户与弹出窗口的交互。例如,可能有一个函数用于初始化弹出...

    防遮盖JQUERY对话框

    "防遮盖JQUERY对话框"是针对一种常见问题的解决方案,即当对话框弹出时,可能会被页面上的其他元素如Flash、嵌入式视频等遮挡,影响用户体验。本篇将详细讲解如何实现这样的功能。 首先,理解jQuery对话框的工作...

    jquery dialog弹出层

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写。而jQuery UI则是在jQuery基础上扩展的一套交互式用户界面组件库,其中包括一个强大的对话框(Dialog)功能,即“jQuery ...

    jquery弹出层不关闭 父页面刷新

    在实际应用中,这些文件将配合jQuery和JavaScript代码,构建出完整的Web应用程序,实现弹出层和页面刷新的控制。如果需要进一步的帮助,如具体的代码实现或对ASP.NET和jQuery的深入理解,建议查阅相关的技术文档或...

    遮盖效果

    2. **JavaScript/jQuery**:JavaScript可以动态地添加、移除或更改遮盖层,实现交互式的效果。例如,当用户点击某个按钮时,用JavaScript创建一个全屏的遮盖层,然后在上面展示弹出框。 3. **Android SDK**:在...

    jQuery手机端遮罩弹出菜单代码.zip

    同时,JavaScript/jQuery将负责监听用户的触发事件(如点击按钮),并在适当的时候显示或隐藏遮罩层及其关联的弹出菜单。 弹出菜单通常包含导航链接或者操作选项,可以通过滑动、点击或其他手势进行交互。在手机端...

    jquery弹出框的覆盖效果

    首先,理解jQuery弹出遮盖层的基本概念。遮盖层是覆盖在网页内容上方的一个半透明层,用于突出显示弹出的内容,防止用户与背景页面进行交互。它通常是全屏的,颜色较淡,以便焦点集中在弹出的内容上。 要创建一个...

    简单容易的jquery遮罩层

    首先,jQuery遮罩层的核心在于创建一个具有适当样式的div元素,这个元素通常设置为全屏大小并具有一定的透明度,以达到遮盖网页其他内容的效果。通过CSS样式,我们可以控制遮罩层的颜色、透明度、位置等属性。例如:...

    Jquery遮罩曾半透明特效

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果等任务。在给定的标题“Jquery遮罩曾半透明特效”中,我们关注的是如何使用 jQuery 来创建具有半透明效果的遮罩层。...

    jquery实现图片动态弹出效果

    在本文中,我们将深入探讨如何使用jQuery库来实现图片的动态弹出效果,以及与之相关的淡入淡出效果和遮盖层的设置。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过...

    mvc5jquery弹出层居中并显示遮罩

    遮罩层则是一种增强用户体验的常见手法,它通常是一个全屏的半透明div,用于遮盖背景页面,使用户焦点集中在弹出层上。在CSS中,可以设置遮罩层的`z-index`属性使其位于其他元素之上,`opacity`属性控制其透明度,而...

    jquery与js做的美化对话框.rar

    在这个名为“jquery与js做的美化对话框.rar”的压缩包中,包含了一个利用jQuery库和JavaScript语言实现的美化对话框示例。下面我们将详细探讨这些技术及其在创建动态、美观的对话框中的应用。 首先,jQuery是一个轻...

    jQuery+HTML5手机移动端遮罩弹出菜单代码

    最后,JavaScript文件夹(js)可能包含了一个或多个.js文件,这些文件是整个功能的核心。其中的代码可能包括了初始化菜单、监听用户交互事件(如点击、触摸)以及控制遮罩层的显示和隐藏等功能。使用了jQuery的`.on...

    点击弹出浮动层 弹出遮罩层

    - 对于复杂的交互,可以使用JavaScript库或框架,如jQuery、React或Vue.js,它们提供了更高级的功能和优化过的API。 6. **优化与兼容性**:在实现这一效果时,要考虑不同浏览器的兼容性问题,尤其是对于老旧版本的...

Global site tag (gtag.js) - Google Analytics