博客首页 → 遮罩

最新文章列表

遮罩的实现

遮罩在实际使用中我们经常用到，那它是怎么实现的呢，先看下面这段css:   .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: rgba(0,0,0,.3); filte ...
javascript遮罩transitionopacity单例 
neitingbbb 评论(0) 有55人浏览 2017-06-12 00:25

弹出模态对话框并生成遮罩层

        做过web项目的朋友，大家都知道，有时候点击某一个按钮或者a标签时，需要弹出一个编辑框。在编辑框弹出来的时候， 页面其它地方是不允许点击的，直到这个编辑框关闭。 那么我们如何做出这样一个效果呢？ 其实也不难。       首先需要有一个编辑框对应的div，默认为隐藏状态，点击“编辑”时，设置为显示状态；点击编辑框上的关闭按钮时，又隐藏掉。此编辑框需要设置为绝对定位(posi ...
javascript遮罩对话框 
chaoren3166gg 评论(0) 有4248人浏览 2016-07-28 19:58

web遮罩实现案例

 web的简单实现       遮罩在网页应用中是很常见的一种功能，很多刚接触的朋友都不知道怎么实现：这里给出一个简单的demo，希望可以帮助到大家。        源代码：下载1   下载2；      实现思路：就是在页面放置一个z-index很高的div。（div中不要放置任何东西），通过js，来动态的设置div的高度和宽度。然后再通过css给div设置背景色，透明度等；下面是关键 ...
html遮罩jquery遮罩遮罩简单实现 
zhang_ps 评论(0) 有725人浏览 2016-05-14 17:44

页面全屏遮罩的实现 方式

之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就 ...
htmlcssmask遮罩absolute / fixed 
Rainbow702 评论(0) 有2266人浏览 2015-07-17 15:35

js特效出现的问题

在做订餐系统的时候,我想做一个特效,如下  点击菜品图片时图片会放大 核心思路:是在原图的上面显示一个div,这个div中有image标签用于显示大图,当然div和原图不在同一个图层(通过z-index 实现). 并且div和image的width和height是相同的 <div style="top: 150px; left: 552px; width: 400px; he ...
遮罩图层z-index弹框显示大图 
hw1287789687 评论(0) 有873人浏览 2014-10-22 18:28

js中弹出一个新窗口后屏蔽其他窗口

<html> <head> <style type="text/css"> #mask { position:absolute; top:0; left:0; background-color:#000; filter:alpha(opacity=20); -moz-opacity:0.2 ...
窗口屏蔽遮罩覆盖js 
Lixh1986 评论(0) 有965人浏览 2014-09-04 09:11

带前景色的容器

    如果您用google play会发现当按下应用图标时，会出现一透明色覆盖在图标上面（如下图）。注意这个不是background效果而是foreground或是遮罩(overlay)。        实现这种效果通常的思路是在容器(LinearLayout、RelativeLayout等)画玩子控件后，再画一透明色或透明图片在容器顶层达到覆盖遮罩的效果。不过这种思路还需重载onTouchE ...
遮罩overlay前景foregroundgoogle play 
hemowolf 评论(0) 有1441人浏览 2013-10-09 23:38

flex4 遮罩小示例-给图片添加相框（画框）

    直接看一下效果吧         =》点击查看完整内容及源码  
flexas3遮罩actionscriptflex4 
clschen 评论(0) 有263人浏览 2013-06-22 08:02

用window实现类似Ext.msg.alert()效果

公司的项目没有使用ifram，所以整个项目就一张页面，导致当使用Ext.msg.alert()后会遮罩整个界面。如果我只想遮罩右边的tab而让左边的tree依然还能用的话就只有重写一个window来代替alert。然后自己再通过mask()方法来手工控制遮罩 Ext.create('Ext.window.Window', { title : title, id : id, ...
extjs4遮罩alert 
chen2991101 评论(0) 有1354人浏览 2013-04-08 23:08

iframe 遮罩

iframe里面页面弹出遮罩层一般只会在里面页面弹出，很头疼。 我们说主页面为'bodyPage'    iframe导入页面为'iframePage' 解决方法：1.原理：window.parent能调用bodyPage页面的js方法，在此js方法里弹出遮罩层，将iframe外部遮罩！ 经亲测，兼容chrome ，ff，ie
iframe遮罩 
bjtdeyx 评论(0) 有1231人浏览 2012-03-25 21:41

遮罩简单实现

使用jQuery插件blockUI达到遮罩，当然还有其他更炫的插件（thickBox,stanlemon等），在此不做描述。   <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tra ...
遮罩Mask Layer 
三里小龙 评论(0) 有1376人浏览 2011-07-12 10:25

最近博客热门TAG

Java(141745) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54919) .net(54785) Web(54514) 工作(54118) Linux(50905) Oracle(49875) 应用服务器(43289) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36424)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics