三维虚拟展馆_网上虚拟展厅_三维数字沙盘_数字虚拟展馆制作_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/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 class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2017-02-15/20170215171252.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				虚拟廉政展馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=24"> 更多>></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 class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2017-02-15/20170215155447.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				长庆科技企业虚拟展馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=26"> 更多>></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 class="case-img-fade">
    			<div class="more"><img src="upload/anli_img/2016-07-20/20160720144238.png" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				峨眉山国际茶文化博览会三维虚拟展馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=14"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">07-20</span><br />
			          <br />
			       2016		              </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/2016-07-20/20160720142152.jpg" alt="" class="img-responsive"/>
    			<div class="less">
    				<br />
    				陕西测绘地理信息局网上虚拟展馆<br />
    				                  <br/>
    				                  <br/>
    				                 <a href="case_view.php?id=11"> 更多>></a>
    			</div></div>
    			<div class="case-word">
		        <div class="case-box">
		
		          <div class="case-word-black">
			
			     <span id="case-date">07-20</span><br />
			          <br />
			       2016		              </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>

意见反馈

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