jquery 遮罩效果2
2012-06-06 20:35
190 查看
<!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>jquery遮罩效果-Yovae.com</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <style type="text/css"> #overlay { display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:#e5e5e5; overflow:hidden; z-index:500px; opacity .75; -moz-opacity;.75 filter:alpha(opacity=75) } </style> </head> <body> <div id="overlay"> </div> <button id="bt"></button> <script type="text/javascript"> $(function(){ $("#bt").click(function(){ $("#overlay").fadeIn(1000); }); }); </script> </body> </html>
相关文章推荐
- jquery实现弹出层遮罩效果的简单实例
- jquery轻量级鼠标悬停半透明遮罩效果,一看就懂哦
- jQuery遮罩层效果
- jquery动画 -- 3.创建一个带遮罩效果的图片走廊
- 使用Jquery实现页面加载时的遮罩效果
- jquery动画3.创建一个带遮罩效果的图片走廊
- jQuery弹出遮罩层效果完整示例
- jquery 半透明遮罩效果
- jquery遮罩层效果
- jQuery实现简单弹窗遮罩效果
- Jquery中BlockUI的遮罩效果详解
- 文本框和图片垂直居中对齐以及jquery实现遮罩效果
- jQuery实现点击弹出背景变暗遮罩效果实例代码
- Jquery+CSS实现遮罩效果
- jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
- jquery实现图片灯箱明暗的遮罩效果
- jQuery遮罩层效果实例分析
- jQuery扩展easyui.datagrid,添加数据loading遮罩效果代码
- jquery实现弹出层遮罩效果的简单实例
- jquery实现图片灯箱明暗的遮罩效果