透明层--遮罩层
来源:互联网 发布:数据库处理 编辑:程序博客网 时间:2024/06/05 16:25
.layer{filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity:0.5;
margin-left:-180px;position:absolute;
z-index:99; text-align:center; padding:20px; border:1px,solid,red;
}
<html>
<body>
<table>
<tr>
<td style="width: 300px;height: 300px" rowspan="<#=listcount #>">
<div id="curr_sparkline" style="width: 100%; height: 100%;">
</div>
<div id="divAnswer" class="layer" style="width: 100%; height: 100%; display:none">
</div>
</td>
</tr>
</table>
</body>
</html>
<script>
$(document).ready(function () {
//页面缩放:保持遮罩层位置和被遮罩层位置一致
$(window).resize(function() {
$("#divAnswer").css("left",$("#curr_sparkline").offset().left+ 178+"px");
$("#divAnswer").css("top",$("#curr_sparkline").offset().top+"px");
});
//显示遮罩层
$("#ActivitySubmit").click(function () {
var width=$("#curr_sparkline").width();
var height=$("#curr_sparkline").height();
$("#divAnswer").css("width",300);
$("#divAnswer").css("height",300);
$("#divAnswer").css("left",$("#curr_sparkline").offset().left+ 166+"px");
$("#divAnswer").css("top",$("#curr_sparkline").offset().top+"px");
$("#divAnswer").show();
});
});
//添加连线 jqplot:页面图形插件--很强大
详细参数:http://hi.baidu.com/xuchao_duizhang/blog/item/8f41082a2877c9365343c128.html
function SetLine(dataobj,colorobj,divobj)
{
if (dataobj.length < 1) {
$("#" + divobj ).html("");
return;
}
var totalHight = parseInt($("#hidcount").val()) + 1;
$.jqplot(divobj, dataobj, {
gridPadding: { top: 0, right: 0, bottom: 0, left: 0 },
axes: {
xaxis: { showTicks: false, showTickMarks: false },
yaxis: { showTicks: false, showTickMarks: false, min: 4, max: totalHight*10-4 }
},
title: { text: '', show: false },
seriesDefaults: {
showMarker: true,
style: 'filledCircle',
color: colorobj
},
grid: {
lineWidth: 2,
drawGridLines: false,
gridLineColor: '#fffdf6',
background: '#ffffff',
borderColor: '#ffffff',
borderWidth: 0,
shadow: false
}
});
}
</script>
- 透明层--遮罩层
- JS 透明层实现
- CSS制作透明层
- --关于层透明--
- CSS透明层
- 透明的层效果
- JS 透明层实现
- div层设置透明
- 透明背景层
- DIV透明层文字
- 创建透明层
- 透明loading层
- 设置DIV透明层
- 透明div层
- 页面遮罩层的处理和透明层的处理
- DIV的透明层实现
- DIV的透明层实现
- C# picturebox 透明 图层
- 获取类成员偏移量
- 数学是成就卓越开发人员的必备技能
- Makefile Kconfig 内核配置 内核裁剪
- More Effective C++:避免缺省构造函数
- NAS DIY的设计和实施过程-6-打造属于我的NAS操作系统
- 透明层--遮罩层
- 关于0字节的内存泄露 与 0字节的内存申请
- {{store direct_url="about-us"}} ----------static block块中的书写!-=--------------magento
- 在FreeBSD上安装VMware-Tools
- urlencode 函数
- android中通过代码实现文件权限修改(chmod)
- 使用ASP.NET 2.0 Profile存储用户信息[翻译] Level 200
- 我的技术博客落户啦!!!
- android的binder机制研究(C++部分)