62,046
社区成员
发帖
与我相关
我的任务
分享
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: absolute;
z-index:100;
width: 100%;
height: 100%;
top: 0;
left: 0;
min-height:100%;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#TB_window {
position: absolute;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
}
#TB_window img {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: absolute;
display:none;
height:100px;
width:100px;
z-index:101;
}
#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
width:100%;
height:100%;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
#TB_iframeContent{
border:none;
clear:both;
}
<HTML>
<HEAD>
<title>dd_3</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK href="css/thickbox.css" rel="stylesheet">
<script src="js/jquery-compressed.js" type="text/javascript"></script>
<script src="js/thickbox.js" type="text/javascript"></script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<table>
<tr>
<td><a href="images/single.jpg" title="add a caption to title attribute / or leave blank"
class="thickbox"><img src="images/single_t.jpg" alt="Single Image"></a></td>
</tr>
</table>
<table>
<tr>
<td><a href="images/plant1.jpg" title="add a caption to title attribute / or leave blank"
class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="Plant 1"></a>
<a href="images/plant2.jpg" title="add a caption to title attribute / or leave blank"
class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="Plant 2"></a>
<a href="images/plant3.jpg" title="add a caption to title attribute / or leave blank"
class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="Plant 3"></a>
<a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank"
class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4"></a></td>
</tr>
</table>
</body>
</HTML>