`
esffor
  • 浏览: 1363196 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DIV+JS实现半透明效果

HTML 
阅读更多

function showSearchResource()...{

  var iframe=document.getElementById("transbox");
  iframe.style.display="";
  iframe.style.height=document.body.clientHeight;
  window.showModalDialog('searchResource1.html',window,'dialogWidth=690px;dialogHeight=250px;s
                                                        tatus=no');
  iframe.style.display="none";
}

 

<div id="transbox" style="position:absolute; left:0px; top:0px; display:none;width: 100%;height: 100%;margin: 0 0px;background-color: #000;border: 2px solid black;filter:alpha(opacity=30);opacity: 0.5;-moz-opacity:0.5;"></div>


分享到：
| Portal开源实现-Liferay的Portlet Session ...
评论
1 楼 jateide 2008-09-23  
糟糕的例子，一大段冗长的代码，还是没告诉别人究竟是怎么实现透明效果的。
发表评论

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

相关推荐

    js+CSS实现弹出居中背景半透明div层的方法.docx

    在 Web 开发中，弹出居中背景半透明 div 层是一种常见的交互效果，通过 JavaScript 和 CSS，我们可以轻松实现这种效果。在本文中，我们将详细介绍如何使用 JS+CSS 实现弹出居中背景半透明 div 层的方法。 首先，让...

    js+html5实现半透明遮罩层弹框效果

    本文主要介绍如何利用JavaScript与HTML5实现具有半透明效果的遮罩层弹框。遮罩层弹框是前端开发中常见的交互效果，它通常用于在用户进行某些操作时，显示在页面上层的半透明遮罩，以提示用户当前状态或者用于表单...

    CSS+JS实现DIV蒙板效果

    在网页设计中，CSS（Cascading Style Sheets）和JavaScript（JS）经常被用来实现各种交互效果，其中就包括创建DIV蒙板效果。一个DIV蒙板通常是指在页面上覆盖一层半透明或全黑的层，用于遮挡背景内容，突出显示特定...

    CSS+DIV+JQuery源码实现遮罩效果

    在网页设计中，遮罩效果是一种常见的视觉呈现方式，它能为用户提供一种半透明的覆盖层，用于突出显示特定内容或执行某些交互操作。在这个"CSS+DIV+JQuery源码实现遮罩效果"的资源中，我们可以学习如何利用这三种技术...

    div+css实现弹出窗口背景变暗效果

    这种效果通过创建一个覆盖整个页面的半透明div层来实现，使得弹出窗口成为焦点，而背景则变得相对较暗，从而引导用户的注意力。 首先，我们来看`div`标签。在HTML中，`&lt;div&gt;`（division）是一个通用的容器元素，...

    js+html5实现半透明遮罩层弹框效果.docx

    ### JavaScript与HTML5结合实现半透明遮罩层弹框效果详解 #### 一、引言 在现代网页设计中，半透明遮罩层弹框效果是一种非常常见的交互方式，它不仅可以提升用户体验，还能让页面更加美观。通过JavaScript与HTML5的...

    Div+Css实现屏蔽后面内容的登陆窗体

    2. **背景半透明层（Overlay）**：创建一个全屏大小的Div，并设置背景颜色为半透明，比如`rgba(0, 0, 0, 0.5)`。这个半透明层可以防止用户与背后的网页元素交互，从而达到屏蔽效果。 3. **过渡和动画（Transitions ...

    JavaScript+div 半透明弹出层

    JavaScript+div 半透明弹出层,function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.removeChild(docEle(_id)); if (docEle(m)) document.removeChild(docEle(m)); // 新激活图层 var newDiv...

    div_js_mask_IE蒙板+对话框

    div+js实现的弹出对话框，调用简单，可拖动，父页面禁止并半透明。弹出框可内嵌功能页面，也可去掉“iframe”然后做成单纯的对话框。 在windowsXP sp2下的 IE8、firefox3.5、opera10、傲游、TT浏览器、搜狗浏览器、...

    几款漂亮的DIV+CSS+(JS)打造的相册

    在网页设计领域，使用DIV+CSS+(JS)技术来创建相册已经成为了一种常见的实践，因为这种方法能够实现美观且互动性强的展示效果。标题“几款漂亮的DIV+CSS+(JS)打造的相册”和描述“几款漂亮的DIV+CSS+(JS)打造的相册，...

    div+css登陆页面

    【标题】"div+css登陆页面"涉及到的核心技术是网页布局和样式设计，...而弹出小窗口及背景半透明效果则是提升用户体验的重要手段，它借助CSS3动画和JavaScript的事件监听与响应，为用户带来更生动、直观的交互体验。

    DIV+JS弹出层并置灰窗口为不可点击状态

    这种效果通常通过CSS（层叠样式表）来实现，改变背景的透明度或者添加半透明覆盖层。JavaScript则用来控制这一行为，当弹出层显示时，添加置灰效果；当弹出层关闭时，移除这一效果。 在提供的压缩包文件“css_03”...

    基于Jquery+div+css实现弹出登录窗口(代码超简单)

    4. 当用户点击登录按钮时，通过jQuery的fadeIn和slideDown方法来实现半透明蒙版的渐显和登录窗口的垂直展开显示。 5. 当用户点击关闭按钮或取消操作时，通过fadeOut和slideUp方法来实现半透明蒙版的渐隐和登录窗口的...

    div+css代替iframe框架并带全屏遮罩加载特效

    要实现这一效果，可以创建一个全屏的`div`，设置其背景色为半透明黑色，然后利用`CSS`的`position`属性将其定位在页面顶部，并设置`z-index`确保其位于其他元素之上。当页面加载完成后，通过JavaScript或jQuery来...

    DIV+CSS+JS商城左侧可展开产品分类菜单特效 浮层特效

    浮层特效通常是指在页面上覆盖一层半透明或不透明的元素，以突出显示特定内容。在这个场景下，当用户点击菜单项时，浮层可能会展示更详细的产品分类信息或者搜索框，以提供更好的用户体验。 总的来说，"DIV+CSS+JS...

    DIV始终居中的半透明弹出层

    在网页设计中，"DIV始终居中的半透明弹出层"是一种常见的用户界面元素，用于显示重要的信息或者交互，如提示、警告、登录框等。本文将深入探讨如何实现这样的功能，包括HTML结构、CSS样式以及可能涉及的JavaScript...

    网页半透明效果实用的html

    本资源“网页半透明效果实用的html”包含两个关键文件：“动态图片轮滑效果.txt”和“网页半透明.txt”，它们将帮助我们了解如何在HTML中实现这两种效果。 首先，让我们来探讨网页半透明效果。在HTML中，我们通常...

    CSS以及js半透明

    ### CSS及JavaScript实现半透明效果 #### 一、引言 在Web开发中，实现元素的半透明效果是一项常见的需求，它可以为用户界面增添视觉层次感，并有助于提高用户体验。通过CSS（层叠样式表）与JavaScript相结合的方式...

    CSS和Javascript实现的DIV半透明飘浮层

    用CSS和Javascript实现的DIV遮照飘浮层 通过点击按钮显示半透明遮盖层以及信息层 用CSS实现的固定飘浮,以及用Javascript实现的定位飘浮 用VS2008打开后直接运行UserShowPanelTest.aspx的效果是CSS实现的效果,要实现...

    一个半透明效果的弹出框

    首先，半透明效果是通过调整颜色的Alpha通道来实现的。Alpha通道代表颜色的透明度，值为0时完全透明，值为255时完全不透明。在HTML和CSS中，我们可以使用`opacity`属性或者`rgba()`函数来设置元素的透明度，以此达到...

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