三维虚拟展馆_网上虚拟展厅_三维数字沙盘_数字虚拟展馆制作_3d立体电子沙盘制作

公司动态:

<div class="service-project">
    	<div class="service-img1">
    		<a href="hall.php" target="_blank"><img src="images/pictures/section/xian-2016-06-01_09.jpg" alt=""/>
    		<div class="service-png1" style="position: absolute;top:100px;left: 100px;">
   	<img src="images/pictures/section/showed-1.png" />
   </div>
        <div class="service-png1-bot" style="position: absolute;bottom:0;left:0;width: 600px;height:60px;opacity:0.7;background:#000000;text-align: center;display: none;">
   	<img src="images/pictures/section/showed-1.png" style="margin-top: 9px;"/>
   </div></a>
    	</div>
    	<div class="service-img2">
    		<a href="videos.php" target="_blank"><img src="images/pictures/section/xian-2016-06-01_10.jpg" alt="" />
    		<div class="service-png2" style="position: absolute;top:130px;right: 400px;">
   	<img src="images/pictures/section/three-1.png" />
   </div>
        <div class="service-png2-bot" style="position: absolute;bottom:0;right:0;width: 600px;height:44px;opacity:0.7;background:#000000;text-align: center;display: none;">
   	<img src="images/pictures/section/three-1.png" style="margin-top: 9px;"/>
   </div></a>
    	</div>
    	<div class="service-img4">
    		<a href="virtuals.php" target="_blank"><img src="images/pictures/section/timg.jpg" alt=""/>
    	<div class="service-png4" style="position: absolute;top:80px;right: 50px;">
   	<img src="images/pictures/section/vr-1.png" / style="width:100px;height:25px;">
   </div>
   <div class="service-png4-bot" style="position: absolute;bottom:0;right:0;width: 600px;height:44px;opacity:0.7;background:#000000;text-align: center;display: none;font-size: 24px;color: #fffff;line-height: 44px;">
   	    	<img src="images/pictures/section/vr-1.png" style="margin-top: 9px;"/>
   </div></a>
    	</div>
    	<div class="service-img5">
    		<a href="ninth-page.php" target="_blank"><img src="images/pictures/section/xian-2016-06-01_14.png" alt=""/>
    		<div class="service-png5" style="position: absolute;top:130px;left: 50px;">
   	          <img src="images/pictures/section/720-less.png" />
          </div></a>
    	</div>
    </div>
    <script>
		$(function(){
			$(".service-img1").fadeIn(500).animate({
				
				"top":"0px"
				
			},1000)
			
			$(".service-img2").fadeIn(500).animate({
				
				"top":"0px"
				},1000)
			$(".service-img3").fadeIn(500).animate({
				
				"right":"300px"
				
			},1000)
			
			$(".service-img4").animate({
				
				"right":"0px"
				
			},1000).fadeIn(1000)
			$(".service-img5").fadeIn(1000)
			$(".service-img1").mouseenter(function(){
				$(".service-png1").animate({
					"left":"-200px"
				},1000)
				$(".service-png1-bot").fadeIn(1000)
			}).mouseleave(function(){
				$(".service-png1").animate({
					"left":"100px"
				},1000)
				$(".service-png1-bot").fadeOut(1000)
			})
			$(".service-img2").mouseenter(function(){
				$(".service-png2").animate({
					"left":"-200px"
				},1000)
				$(".service-png2-bot").fadeIn(1000)
			}).mouseleave(function(){
				$(".service-png2").animate({
					"left":"100px"
				},1000)
				$(".service-png2-bot").fadeOut(1000)
				})
				$(".service-img3").mouseenter(function(){
				$(".service-png3").fadeOut(1000)
			
				$(".service-png3-bot").fadeIn(1000)
			}).mouseleave(function(){
				$(".service-png3").fadeIn(1000)
			
				$(".service-png3-bot").fadeOut(1000)
			})		
			$(".service-img4").mouseenter(function(){
				$(".service-png4").fadeOut(1000)
			
				$(".service-png4-bot").fadeIn(1000)
			}).mouseleave(function(){
				$(".service-png4").fadeIn(1000)
			
				$(".service-png4-bot").fadeOut(1000)
			})			
			
		})
	</script>

<div class="case-img">
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2018-09-19/20180919173146.png" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				华铜尾矿生产工艺过程介绍<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=87"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">09-19</span><br />
			          <br />
			       2018		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">华铜尾矿生产工艺过程介绍</span><br/>
			          <br />
			         华铜尾矿生产工艺过程介绍			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2018-01-31/20180131170709.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				栈房施工动画<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=69"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">01-31</span><br />
			          <br />
			       2018		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">栈房施工动画</span><br/>
			          <br />
			         栈房施工动画			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2018-01-31/20180131170615.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				低渗透油气田一体化集气装置<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=68"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">01-31</span><br />
			          <br />
			       2018		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">低渗透油气田一体化集气装置</span><br/>
			          <br />
			         低渗透油气田一体化集气装置			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2018-01-31/20180131170308.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				桥梁架桥机施工动画<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=67"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">01-31</span><br />
			          <br />
			       2018		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">桥梁架桥机施工动画</span><br/>
			          <br />
			         桥梁架桥机施工动画			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2019-09-10/20190910182113.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				网上（虚拟）书画馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=66"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">07-07</span><br />
			          <br />
			       2017		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">网上（虚拟）书画馆</span><br/>
			          <br />
			         网上（虚拟）书画馆			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    		<div class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2017-02-15/20170215155017.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				中国人民解放军某部队网上党史虚拟展馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=25"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">02-15</span><br />
			          <br />
			       2017		              </div>
		           <div class="case-word-white">
			
			         <span id="case-date-run">中国人民解放军某部队网上党史虚拟展馆</span><br/>
			          <br />
			         我公司在与客户经过多方面的商讨之下确定最终方案，该项目依托部队政工网，采用虚拟现实技术布设虚拟党史馆。			             </div>
			       <div class="care-case">
				
			           </div>
		                </div>
		
	                   </div>
    			
    		            </div>
    </div></div>
    <script type="text/javascript">
    	
    $(function(){
    	$(".case-word-black").animate({
    		"left":"0"
    	},2000)
    	$(".case-word-white").animate({
    		"right":"0"
    	},2000)
    })
    
    </script>
     <script type="text/javascript">
    	$(function(){
    		$(".more img").hide()
    		$(".more img:eq(0)").fadeIn(1000)
    		$(".more img:eq(1)").fadeIn(2000)
    		$(".more img:eq(2)").fadeIn(3000)
    	    $(".more img:eq(3)").fadeIn(4000)
    		$(".more img:eq(4)").fadeIn(5000)
    		$(".more img:eq(5)").fadeIn(6000)
			
			$(".case-img-fade:nth-child(1)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"left":"0",
    				"top":"0"
    			})
			$(".case-img-fade:nth-child(2)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"left":"413px",
    				"top":"0"
    			})
			
			$(".case-img-fade:nth-child(3)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"right":"0",
    				"top":"0"
    			})
			
			$(".case-img-fade:nth-child(4)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"left":"0",
    				"bottom":"0"
    			})
			
			$(".case-img-fade:nth-child(5)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"left":"413px",
    				"bottom":"0"
    			})
				$(".case-img-fade:nth-child(6)").css({
    				"width":"374px",
    				"height":"348px",
    				"position":"absolute",
    				"right":"0",
    				"bottom":"0"
    			})
    		
    		
    	})
    	
    </script>
  <script>
 $(function(){
   		
        
   	    $(".more:eq(0)").mouseover(function(){
   	    	
   	    	$(".less:eq(0)").fadeIn(500)
   	    	$(".less:eq(0)").css({"cursor":"pointer",})
   	    	$(".case-img img:eq(0)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".case-img img:eq(0)").css({"transform": "scale(1)","transition": "all 2s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    	$(".less:eq(0)").fadeOut(1000)
   	    	
   	    })
   	    $(".more:eq(1)").mouseover(function(){
   	    	
   	    	$(".less:eq(1)").fadeIn(500)
   	    	$(".less:eq(1)").css({"cursor":"pointer"})
   	    	$(".case-img img:eq(1)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".case-img img:eq(1)").css({"transform": "scale(1)","transition": "all 2s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    	$(".less:eq(1)").fadeOut(1000)
   	    })
   	    $(".more:eq(2)").mouseover(function(){
   	    	
   	    	$(".less:eq(2)").fadeIn(500)
   	    	$(".less:eq(2)").css({"cursor":"pointer"})
   	    	$(".case-img img:eq(2)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".less:eq(2)").fadeOut(1000)
   	    	$(".case-img img:eq(2)").css({"transform": "scale(1)","transition": "all 2s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    })
   	    $(".more:eq(3)").mouseover(function(){
   	    	
   	    	$(".less:eq(3)").fadeIn(500)
   	    	$(".less:eq(3)").css({"cursor":"pointer"})
   	    	$(".case-img img:eq(3)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".less:eq(3)").fadeOut(1000)
   	    	$(".case-img img:eq(3)").css({"transform": "scale(1)","transition": "all 2s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    })
   	    $(".more:eq(4)").mouseover(function(){
   	    	
   	    	$(".less:eq(4)").fadeIn(500)
   	    	$(".less:eq(4)").css({"cursor":"pointer"})
   	    	$(".case-img img:eq(4)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".less:eq(4)").fadeOut(1000)
   	    	$(".case-img img:eq(4)").css({"transform": "scale(1)","transition": "all 2s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    })
   	    $(".more:eq(5)").mouseover(function(){
   	    	
   	    	$(".less:eq(5)").fadeIn(500)
   	    	$(".less:eq(5)").css({"cursor":"pointer"})
   	    	$(".case-img img:eq(5)").css({"transform": "scale(1.1)","transition": "all 1s","-ms-transform": "scale(1.1)","-moz-transform": "scale(1.1)","-webkit-transform": "scale(1.1)","-o-transform": "scale(1.1)"})
   	    }).mouseleave(function(){
   	    	$(".less:eq(5)").fadeOut(1000)
   	    	$(".case-img img:eq(5)").css({"transform": "scale(1)","transition": "all 1s","-ms-transform": "scale(1)","-moz-transform": "scale(1)","-webkit-transform": "scale(1)","-o-transform": "scale(1)"})
   	    })

})
   	
   </script>
    </section>
    <div class="middle-less" style="width: 206px;height: 100px;text-align: center;line-height: 50px;margin: 0 auto;font-size: 26px;cursor: pointer;color: #888888;">
    	<a href="case.php?class_id=13">更多案例</a>
    </div>

意见反馈

您的建议和意见，是对我们最大的支持和帮助:) ×