css使背景变半透明,和js结合在一起可以达到使背景动态半透明弹出对话框的效果
来源:互联网 发布:淘宝手机助手无法登陆 编辑:程序博客网 时间:2024/05/21 22:30
定义一个大的div: .layer_cover { position:absolute; left:0px; top:0px; z-index:2;width: 100%;height: 2000px;background: #AAAAAA; filter:Alpha(Opacity=70); opacity: 0.7;
核心代码是:
Alpha(Opacity=70); opacity: 0.7;
jquery 也可以通过调用函数实现相应的功能
第一,引用lightbox
第二,用法
$(document).ready(function() {
// 第一种选择
$('a[@rel*=lightbox]').lightBox(); // 选择所有的rel为lightbox的链接
// 第二种选择
$('#gallery a').lightBox(); // 选择id为gallery下的所有链接
// 第三种选择
$('a.lightbox').lightBox(); // 选择所有class为lightbox的链接
// 第四种选择
$('a').lightBox(); // 选择页面中所有的链接
//…………还有更多的选择,哈哈,发挥你的想象力吧
});
第三:举例 <a href='/img/myimg.jpg' rel='lightbox'></a> 然后 $('a[rel=lightbox]').lightBox(); 这里的话 就针对有属性rel为lightbox超链接弹出自己的href对应的图片
- css使背景变半透明,和js结合在一起可以达到使背景动态半透明弹出对话框的效果
- CSS背景半透明效果
- CSS弹出背景半透明窗口
- 弹出窗口悬浮,背景页面变灰,类似网易邮箱的半透明信息提示效果
- 弹出窗口悬浮,背景页面变灰,类似网易邮箱的半透明信息提示效果
- 背景半透明效果的Activity
- javascript 模态对话框 背景半透明效果
- 讲怎么CSS实现背景半透明效果
- 如何用CSS实现背景半透明效果
- CSS背景半透明
- Android背景设置透明和半透明效果
- 页游《火影忍者》角色和背景遮挡半透明效果的实现
- 角色和背景遮挡半透明效果的实现
- 设置button背景的半透明效果!!!
- 关于背景半透明效果的代码
- css 全局背景半透明 IE浏览器半透明
- popuwindow弹出时,背景半透明
- popupwindow 底部弹出+背景半透明
- linux下svn常用指令
- 学习笔记之错误处理
- linux下软件的基本安装和卸载详解
- entity framework 删除多条数据?
- ASP.NET前台代码绑定后台变量方法总结
- css使背景变半透明,和js结合在一起可以达到使背景动态半透明弹出对话框的效果
- COCOS2D 常用工具
- Socket bind failed: [730048] ?????????×???(Э?é/???????/???)????í??
- (总结)Linux下设置SSH Server保持长时间连接
- 【NPC】22、CIRCUIT-SAT规约到SAT
- tomcat7:dwr下A request has been denied as a potential CSRF attack.
- 我国养老金亏损金额增加
- 哈夫曼树 HDU 1053 HDU 2527
- JAXB: JAVA Bean 和 XMl互转