`

利用css 和 js 实现遮罩层

JavaScript 
阅读更多 
style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:alpha(opacity=30)"

div的透明层实现

<body bgcolor="#ff0ddd">
<div id="layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:alpha(opacity=30)"> powered by xty_zyn
  <table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#ffffff" bgcolor="#999999">
  <tr>
    
  <td height="25" bgcolor="#f5f5f5" class="13">你也可以在这里插入图片</td>
  </tr>
  <tr>
    
  <td height="20" bgcolor="#f5f5f5" class="12">你想注册地图名片吗</td>
  </tr>
  <tr>
    
  <td height="20" bgcolor="#f5f5f5" class="12">http://mc.mapabc.com</td>
  </tr>
  <tr>
    
  <td height="20" bgcolor="#f5f5f5" class="12">email:lipeng@mapabc.com</td>
  </tr>
  <tr>
    
  <td height="20" bgcolor="#f5f5f5" class="12">地址</td>
  </tr>
  <tr>
    
  <td height="20" bgcolor="#f5f5f5" class="12">邮编</td>
  </tr>
  </table>
  </div>
分享到：
| JSP 自定义标签 BodyTagSupport
评论
发表评论

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

相关推荐

    js+css点击弹出遮罩层图片放大展示demo

    在这个demo中，可能需要获取或创建遮罩层和大图元素，并进行显示和隐藏操作。 - 动画效果：jQuery的`fadeIn()`和`fadeOut()`函数可用于实现遮罩层的淡入淡出效果，`animate()`可以用来平滑地改变元素的大小、位置等...

    CSS3 实现Loading加载，页面遮罩层的应用

    在移动H5领域，用户体验是至关重要的，而Loading加载和页面遮罩层是提升用户体验的两个关键元素。本文将深入探讨如何使用CSS3来实现这两种功能，并解释它们在实际应用场景中的重要性。 首先，让我们来了解什么是...

    利用Jquery几行代码实现遮罩层

    这个插件是专门为Jquery设计的，用于创建遮罩层和其他阻塞用户界面的功能。在`&lt;head&gt;`部分加入以下引用： ```html &lt;script src="jquery.blockUI.js"&gt; ``` 现在，让我们编写Jquery代码来实现遮罩层。假设你想要在...

    CSS3 实现Loading加载，页面遮罩层的应用2017/8/15

    当页面内容完全加载后，通过JavaScript移除遮罩层和Loading动画，让用户看到完整页面。 - 为了优化用户体验，可以添加一些过渡效果，如渐入渐出，使页面状态的切换更加平滑自然。 4. 响应式设计考虑： - 在移动H5...

    纯css3图片点击弹出动画遮罩层效果

    本项目“纯css3图片点击弹出动画遮罩层效果”就是利用CSS3的新特性，实现了一种交互式的用户体验。接下来，我们将详细讨论这个项目中的关键知识点。 首先，"纯CSS3"意味着在这个效果的实现过程中，没有使用...

    原生css的loading遮罩层效果

    4. **控制加载状态**：当页面加载完成后，通过JavaScript或服务器端逻辑移除遮罩层和loading图标，或者改变它们的样式，使其不再可见。 在实际应用中，为了保证兼容性，我们需要考虑各种浏览器对CSS特性的支持情况...

    js实现的弹出遮罩层特效

    "js实现的弹出遮罩层特效"标题所指的就是利用JavaScript语言来实现这一功能。JavaScript是一种强大的客户端脚本语言，常用于增强网页的动态性和交互性。下面我们将深入探讨如何使用JavaScript来创建一个弹出遮罩层...

    css3半透明遮罩背景lightbox图片展示特效

    总结，"css3半透明遮罩背景lightbox图片展示特效"是利用CSS3的新特性，如`opacity`、`rgba`、`transition`、`animation`和`transform`等，结合HTML和JavaScript，实现一种优雅的图片展示方式，为用户提供更沉浸式的...

    CSS3鼠标经过图片遮罩层代码.zip

    在本项目中，我们主要探讨的是使用CSS3来实现一种鼠标经过图片时出现遮罩层的效果，这在网页设计中常用于图片展示或相册功能。这个效果是基于流行的前端框架Bootstrap 3.3.5版本构建的，因此具备响应式布局特性，...

    CSS3鼠标悬停遮罩层动画特效.zip

    总结起来，CSS3鼠标悬停遮罩层动画特效是通过CSS3的伪类选择器、过渡、变换等特性，结合适当的布局和定位，实现的一种增强用户交互体验的视觉效果。同时，JavaScript的运用可以使动画更加灵活和个性化。这种特效在...

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

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

    jQuery,CSS实现的遮罩层消息显示

    在实际项目中，可能会有一个触发事件（如按钮点击）来显示或关闭遮罩层和弹出层。例如，点击按钮显示弹出层： ```html 显示弹出层 ``` ```javascript $('#show_popup').click(function() { $('.mask').show(); $...

    jquery js css弹出居中的遮罩层

    应该包含了相关的JavaScript代码文件（可能命名为`popup.js`或`jquery.popup.js`）、CSS样式表（如`popup.css`）以及HTML模板（可能为`index.html`），这些文件组合起来便构成了完整的弹出层和遮罩层解决方案。...

    css3悬停图片滑动遮罩层文字提示特效

    2. **绝对定位**：为了实现遮罩层在图片上的滑动效果，我们需要将遮罩层和文字提示相对于图片进行绝对定位。这样，当我们改变它们的`top`或`left`属性时，它们就能在页面上移动。 3. **过渡效果**：CSS3的`...

    JS移动端点击弹出遮罩层

    由于移动设备屏幕尺寸各异，我们可以利用CSS的`vh`和`vw`单位来实现响应式布局： ```css .mask { position: fixed; top: 0; left: 0; width: 100vw; /* 宽度设置为视口宽度 */ height: 100vh; /* 高度设置为...

    jQuery和CSS3超酷图片遮罩层和lightbox动画特效.zip

    在这个“jQuery和CSS3超酷图片遮罩层和lightbox动画特效”的资源包中，我们可以深入探讨这两个技术如何协同工作，为用户提供丰富的视觉体验。 jQuery是一款流行的JavaScript库，它简化了JavaScript的DOM操作、事件...

    CSS3鼠标hover图片遮罩层动画效果

    【CSS3鼠标hover图片遮罩层动画效果】是一种在网页设计中常见的交互式视觉效果，主要利用CSS3的:hover伪类、transition、transform等特性来实现。这种效果可以使用户在鼠标悬停在图片上时，产生一个动态的遮罩层，...

    JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例

    在CSS部分，通过设置定位属性position为fixed，使得遮罩层和弹窗可以覆盖整个页面或特定区域，而z-index属性决定了遮罩层和弹窗的显示层次。其中，遮罩层的z-index设置为1，使其位于最底层；触发区域的z-index设置为...

    遮罩层 javascript js 数据提交

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

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