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

DIV+JS实现半透明效果

阅读更多

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>


分享到:
评论
1 楼 jateide 2008-09-23  
糟糕的例子,一大段冗长的代码,还是没告诉别人究竟是怎么实现透明效果的。

相关推荐

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

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

    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浏览器、搜狗浏览器、...

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

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

    使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享

    主要介绍了使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享,编写半透明遮罩层时要注意定位问题、不要满屏遮罩,需要的朋友可以参考下

    JavaScript+css+div实现的网页气球提示

    网页气球提示,使用JavaScript+css+div实现。弹出一个气球状提示层,并带有阴影(阴影有点类似谷歌地图中的那种阴影,半透明)。

    JavaScript实现弹出DIV层同时页面背景渐变成半透明效果

    主要介绍了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果,涉及JavaScript弹出窗口的实现及页面元素属性动态变换的相关技巧,需要的朋友可以参考下

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

    主要介绍了js+CSS实现弹出居中背景半透明div层的方法,涉及javascript操作弹出div层的操作技巧,非常具有实用价值,需要的朋友可以参考下

    半透明弹出DIV

    DIV半透明,你懂的,绚丽的JS效果,让网站更绚丽,增强客户体验

    JQuery&CSS;&CSS;+DIV实例大全.rar

    站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图 16.支持4级树形 展开菜单插件dTree原版下载 2)JQuery Tab 1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2....

    利用js+css简单实现半透明遮罩弹窗

    下面的div实现半透明的遮罩效果。 代码: 复制代码代码如下: &lt;div id=”div_window2″ xss=removed&gt; ”99%” height=”99%” border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center”&gt; &lt;tr&gt; &lt;td ...

    纯css实现鼠标悬停列表图片半透明高亮效果

    不需要js即可实现的鼠标悬停图片高亮效果。当然,其中添加了一些css3代码,高版本浏览器下效果更好。 原理:鼠标悬停在整个div上的时候,让所有li标签的背景颜色变为黑色,同时设置所有图片不透明度为50%,这样...

    半透明模式对话框类(js源)

    半透明模式对话框类,支持IE,FF浏览器.解决浏览器提示“internet explore 无法打开nternet站点 已终止操作”

    JavaScript编写页面半透明遮罩效果的简单示例

    半透明遮罩层效果基本上都是使用插件实现的,下面为大家分享下使用原生js实现半透明遮罩效果,感兴趣的朋友可以参考下哈,希望对你熟悉原生js有所帮助 &lt;div&gt; &lt;h4&gt;&lt;span&gt;现在注册&lt;/span&gt;&lt;span&gt;关闭&lt;/span&gt;&lt;/h4&gt; ...

    网页中弹出小窗口,页面背景逐渐变为半透明.rar

    这里帖出两种效果,第一种是弹出时页面背景直接变为半透明,而第二种则对XP关机效果仿得更像一点儿,即背景是有一个逐渐变为半透明的过程,大家可以留心观察两种效果的区别,两种效果全部通过了IE6和firefox的测试。

    纯js(javascript)弹出层 对话框,div 模拟系统对话框

    纯js(javascript) 弹出层 对话框 弹出层,可以有半透明遮挡层。 div 模拟系统对话框,Alert Confirm Prompt

    图片与文字半透明效果 鼠标移上不透明

    该 DIV是半秀明状态,这样可以看到背景也可以衬托文字,当鼠标放到文字上的时候,DIV层彻底不透明,文字清淅显示出来,一般这种效果都是要配合JavaScript的,这样兼容性会更好。 图片与文字结合的半透明效果,...

Global site tag (gtag.js) - Google Analytics