thickbox试用总结

 thickbox试用总结

 

#TB_window {
 position: fixed;
 background: #ffffff;
 z-index: 102;
 color:#000000;
 display:none;
 border: 1px solid #525252;
 text-align:left;
 top:50%;
 left:50%;
}

红色部分为弹出层的边框颜色 及宽度

 

.TB_overlayBG {
 background-color:#111;
 filter:alpha(opacity=15);
 -moz-opacity: 0.15;
 opacity: 0.05;
}

红色部分为弹出层的背景颜色

 

使用的时候要导入以下文件

<!-- thickbox弹出框（适应IE6,IE7,IE8,FireFox） -->
 <script type="text/javascript" src="<%=basePath%>js/thickbox/thickbox.js"></script>
 <link rel="stylesheet" href="<%=basePath%>js/thickbox/thickbox.css" type="text/css" media="screen" />

 

 

使用如下

 

<a href="<%=basePath %>pages/android/vote/voteOption_add.jsp?keepThis=true&TB_iframe=true&height=310&width=600&vote.voteid=${vote.voteid}" class="thickbox" target="_blank">新增</a>