用户登录  |  用户注册
首 页源码下载网络学院最新源码源码排行屏蔽广告
当前位置:新兴网络 > 网络学院 > 网页制作 > 网页特效

鼠标点击屏幕变半透明效果代码

减小字体 增大字体 作者:佚名  来源:本站整理  发布时间:2010-11-16 22:03:00
鼠标点击屏幕变半透明效果代码,CSS鼠标点击变暗效果示例:
HTML code运行代码复制代码编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标点击屏幕变半透明效果代码</title>
<style>
#pageOverlay { position:fixed; top:0; left:0; z-index:1987; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; }
/*IE6 fixed*/
* html { background:url(*) fixed; }
* html body { margin:0; height:100%; }
* html #pageOverlay { position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
</style>
</head>
<body>
<ol id="test" onclick="document.getElementById('pageOverlay').style.visibility = 'visible'">
点击一下本行文字试试.
</ol>
<div id="pageOverlay" onclick="this.style.visibility = 'hidden'"></div>
</body>
</html>

Tags:变暗 半透明 CSS

作者:佚名
  • 好的评价 如果您觉得此文章好,就请您
      0%(0)
  • 差的评价 如果您觉得此文章差,就请您
      0%(0)

网络学院评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论