博物馆”科技页面“显示

最新推荐文章于 2023-06-02 17:26:13 发布
VIP文章 longyanyang_yan
最新推荐文章于 2023-06-02 17:26:13 发布
阅读量646
点赞数
本文链接：https://blog.csdn.net/longyanyang_yan/article/details/50548768
版权
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/footer.css" />
    <style>
        #wrap{
            height:auto;
        }
        #main{
            padding:0;
            background-color: #fff;
            margin-top:56px;
            margin-bottom:52px;
        }
        img{
            display:block;
        }
        .zhuti-menu{
            background:url(../image/zhuti/top_banner.png) no-repeat 0 0;
            background-size:100% 100%;
            margin-bottom:3px;
        }
        .zhuti-menu-item{
            width:25%;
            float:left;
        }
        .zhuti-menu-item img{
            width:60%;
            margin:auto;
        }
        .zhuti-content-list li{
            display:block;
            
        }
        .zhuti-item{
            position:relative;
            width:50%;
        }
         .zhuti-item-left{
            float:left;
        }
        .zhuti-item-right{
            float:right;
        }
        .zhuti-item img{
            width:100%;
        }
        .zhuti-item span{
            display:block;
        }
        .zhuti-item-juli{
            position:absolute;
            display:block;
            width:60px;
            height:28px;
            background:rgba(69, 69, 69, 0.3) none repeat scroll 0 0 !important;
            top:0;
            right:0;
            color:#fff;
            text-align:center;
            line-height:28px;
        }
        .zhuti-item-inner{
            position:relative;
        }
        .zhuti-item-name{
            position:absolute;
            bottom:0;
            color:#fff;
            font-weight:bold;
            width:100%;
            text-align:center;
            line-height:30px;
            background:rgba(69, 69, 69, 0.3) none repeat scroll 0 0 !important;
        }
        .zhuti-item-left .zhuti-item-inner{
            margin:4px 4px 4px 8px;
        }
        .zhuti-item-right .zhuti-item-inner{
            margin:4px 8px 4px 4px;
        }
        #popmenu{
            display: none;
            width:120px;
            top:50px;
            right:6px;
            position:fixed;
            z-index:999;
            background:rgba(255, 255, 255, 0) none repeat scroll 0 0 !important;
        }
        #popmenu img{
            width:100%;
        }
    </style>
</head>


<body>
	<div id="wrap">
		<div id="header">
            <div class="header-top">
                <a class="header-back" tapmode="" οnclick="api.closeWin()"></a>
                <h1 class="header-title">艺术</h1>
             <!--   <a class="header-search" tapmode="" οnclick="showPopMenu()"></a>-->
            </div>
            <div class="header-bottom">
                <div id="header-fill-l"></div>
                <div class="header-bottom-center"></div>
                <div id="header-fill-r"></div>
            </div>
        </div>
        <div id="main">
        	<ul id="acti-content">
        	</ul>
        </div>
        
	</div>
	 <div class="foot">
        <span class="nav_home" οnclick="footNav('home')"></span>
        <span class="nav_scan" οnclick="footNav('scan')"></span>
        <span class="nav_user" οnclick="footNav('user')"></span>
        <div style="clear:both"></div>
    </div>
</body>


<script id="acti-template" type="text/x-dot-template">
		{
  { for(var i=0;i<it.data.length;i++){ }}
			  <!--<ul id="content-list" class="zhuti-content-list">-->
			      <!--	<li tapmode data-frameName="frm_activity" data-title="展览详情" οnclick="openArticleWin(this);">-->
                	    <div class="zhuti-item zhuti-item-left" >
                	        <div class="zhuti-item-inner">
                	            <!--<img src="../image/zhuti/shanbo.png"/>-->
                	            
                	          	 <img class="lazy" data-original="{
  {=it.data[i].thumb_url}}"/>
                	          	<!-- <span class="activity-time">{
  {=it.data[i].date}}</span>-->
                	          	
                	            <span class="zhuti-item-name">{
  {=it.data[i].name}}</span>
                	        </div>
                	    </div>
                	  
                	    <!--<div style="clear:both;"></div>-->
                	<!--</li>
			  </ul>-->
		{
  { } }}
</script>


<!--下面是原本的第二块,写死的-->
<!--
<body>
    <div id="wrap">
        <div id="header">
            <div class="header-top">
                <a class="header-back" tapmode="" οnclick="api.closeWin()"></a>
                <h1 class="header-title">艺术</h1>
                <a class="header-search" tapmode="" οnclick="showPopMenu()"></a>
            </div>
            <div class="header-bottom">
                <div id="header-fill-l"></div>
                <div class="header-bottom-center"></div>
                <div id="header-fill-r"></div>
            </div>
        </div>
        <div id="main">
                <ul id="content-list" class="zhuti-content-list">
                	<li>
                	    <div class="zhuti-item zhuti-item-left" >
                	        <div class="zhuti-item-inner">
                	            <img src="../image/zhuti/shanbo.png"/>
                	           
                	            <span class="zhuti-item-name">陕西历史博物馆</span>
                	        </div>
                	    </div>
                	    <div class="zhuti-item zhuti-item-right" tapmode data-frameName="frm_museum_info" data-id="1" data-title="陕西历史博物馆" data-imageUrl="../image/zhuti/shanbo.png" data-winName="win_museum_index" οnclick="openMuseumById(this)">
                	        <div class="zhuti-item-inner">
                	            <img src="../image/zhuti/xabwy.jpg"/>
                	            
                	            <span class="zhuti-item-name">西安博物院</span>
                	        </div>
                	    </div>
                	    <div style="clear:both;"></div>
                	</li>
                	<li>
                	    <div class="zhuti-item zhuti-item-left" οnclick="openMuseum()">
                	        <div class="zhuti-item-inner">
                	            <img src="../image/zhuti/blbwg.jpg"/>
                	          
                	            <span class="zhuti-item-name">碑林博物馆</span>
                	        </div>
                	    </div>
                	    <div class="zhuti-item zhuti-item-right" οnclick="openMuseum()">
                	        <div class="zhuti-item-inner">
                	            <img src="../image/zhuti/qlbwg.jpg"/>
                	        
                	            <span class="zhuti-item-name">秦陵博物院</span>
                	        </div>
                	    </div>