报表详情页增加预览图显示；界面增加查看大图操作提示。

报表搜索结果，预览图增加查看预览图提示

baobiao - page.html

@@ -220,6 +220,14 @@
 						<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
 						<p><b class="colOrange">列值：</b></p>
 						<p>全国报表模板 / 标表4 / 6单价分析表</p>
+						<div class="bbImg">
+							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank">
+								<img src="img/3_20110322170347_r3cvk.jpg" width="690">
+								<p class="bbView"><span class="bbViewB">点击预览大图</span></p>
+								<div class="bbImgBg"></div>
+							</a>
+						</div>
+						<p>为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版</p>
 						<p><a href="img/3_20110322170347_r3cvk.jpg" target="_blank"><img src="img/3_20110322170347_r3cvk.jpg" width="690"></a></p>
 						<p>凡参与31省道北延绍兴至萧山段工程投标的用户，请注意：</p>
 						<p>为节约您宝贵的编标时间，纵横软件公司已根据业主要求，完成了单价分析表模版，请直接下载，并安</p>

baobiao - search.html

@@ -208,7 +208,12 @@
 				<div class="bbresult-list">
 					<ul>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
@@ -217,7 +222,12 @@
 							</div>
 						</li>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>
@@ -226,7 +236,12 @@
 							</div>
 						</li>
 						<li>
-							<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120"></a>
+							<div class="bbImg">
+								<a href="img/3_20110322170347_r3cvk.jpg" target="_blank" class="images" title="查看大图"><img src="img/3_20110322170347_r3cvk.jpg" width="175" height="120">
+									<p class="bbView"><span class="bbViewX">点击预览大图</span></p>
+									<div class="bbImgBg"></div>
+								</a>
+							</div>
 							<div class="title">
 								<a href="baobiao - page.html" target="_blank">大广高速绿化表</a>
 								<p><b class="colOrange">行值</b>：序号、规格名称、单位、原价（元）、运杂费、原价运费合计（合计）场外运输损耗、采购及保管费、预算单价（元）</p>

css/style.css

@@ -2829,6 +2829,40 @@ td a:hover.pirceEdit .colOrange {
 	line-height:28px;
 	font-size:14px
 }
+.bbImg{
+	position:relative;
+}
+.bbView{
+	position:absolute;
+	width:100%;
+	height:100%;
+	text-align: center;
+	top:-5000px;
+	z-index: 999;
+	background:#000;
+	color:#fff;
+	opacity:0.6;
+}
+.bbView span{
+	position:absolute;
+	top:50%;
+	left:45%;
+}
+.bbViewB{
+	margin-top:-345px:;
+}
+.bbViewX{
+	margin-top: -5px;
+	margin-left: -25px;
+}
+.bbImg a:hover .bbView{
+	top:0;
+}
+.bbImgBg{
+	width:100%;
+	background:#000;
+	display:block;
+}
 .table .subHead{
 	background:#ddd
 }

js/global.js

@@ -129,4 +129,8 @@ $(".exTab li").hover(function(){
     $(this).addClass("now").siblings().removeClass("now");
     $(".exContent > .exEntry ").hide().eq($(".exTab li").index(this)).show();});
 
+$(".bbImg").hover(function(){
+    $(".bbImgBg").show();
+})
+
 });