westdc-zf1/application/default/views/scripts/index/index.phtml

<?php
	$this->headTitle($this->config->title->site);
	$this->headTitle('首页');
	$this->headTitle()->setSeparator(' - ');
	$this->theme->AppendPlus($this,'slides');
	$auth = Zend_Auth::getInstance();
?>
<style>
    #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(/images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	
	.news-list li{
		line-height:24px;
	}
  </style>
<div class="row">
  <div class="span5">
  	<h4>新闻</h4>
    <hr />
    <ul class="news-list">
    <?php foreach($this->list_news as $k=>$v){ ?>
    	<li><a href="<?= $v['url'] ?>"><?= $v['title'] ?></a><span class="pull-right" style="font-size:12px;">[<?= date("Y-m-d",strtotime($v['ts_published']))?>]</span></li>
	<?php } ?>
    </ul>
  </div>
  <div class="span7">
		<div id="slides">
            <?php
			foreach($this->news as $k=>$v)
			{
				echo '<div class="slide">'.
					 '<div class="thumb"><img src="'.$v['image'].'" class="img-rounded" /></div>'.
					 '<div class="content">'.
					 	'<div class="description"><h5><a href="'.$v['url'].'" title="'.$v['description'].'">'.$v['title'].'</a><span>['.date("Y-m-d",strtotime($v['ts_published'])).']</span></h5>'.
					 	'</div>'.
					 '</div>'.
					 '</div>';
			}
			?>
        </div>
  </div>
</div>
<hr />
<div class="row">
	<div class="span6">
  	<h4>在线下载热门数据</h4>
    <ul class="unstyled">
    	<?php foreach($this->mdtop as $i=>$md) : ?>
        <li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
        <a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
        </li>
        <?php endforeach; ?>
    </ul>
  </div>
  <div class="span6">
  	<h4>离线申请热门数据</h4>
    <ul class="unstyled">
    	<?php foreach($this->offlinemdtop as $i=>$md) : ?>
        <li><img src="/images/no<?php echo $i+1; ?>.gif" align="absmiddle" style="border-width:0px;" />
        <a class="item" href="/data/<?php echo $md->uuid; ?>"><?php echo $md->title; ?></a>
        </li>
        <?php endforeach; ?>
    </ul>
  </div>
</div>
<hr />
<div class="row">
	<div class="span4">
    	<h4>专题数据集</h4>
        <ul  class="unstyled">
        	<li class="item"><a href="/heihe">黑河计划数据管理中心</a></li>
        	<li class="item"><a href="/water">黑河综合遥感联合试验</a></li>
        </ul>
        <hr />
        <h4>友情链接</h4>
        <ul>
        <li class="extlink"><a href="http://heihe.westgis.ac.cn" target="_blank">数字黑河</a></li>
        <li class="extlink"><a href="http://web.nuist.edu.cn/DQKX/nadsc/" target="_blank">南京大气资料服务中心</a></li>
        <li class="extlink"><a href="http://www.sciencedata.cn" target="_blank">科学数据共享工程</a></li>
        </ul>
    </div>
    <div class="span4">
    	<h4>数据导航</h4>
        <ul>
        <li class="item">
        <a href="/data/category">分类浏览</a>
        </li>
        <li class="item">
        <a href="/data/tag">关键词导航</a>
        </li>	
        <li class="item">
        <a href="/data/series">数据集序列</a>
        </li>	
        <li class="item">
        <a href="/data/timeline">时间轴导航</a>
        </li>		
        <li class="item">
        <a href="/data/timemap">时空导航</a>
        </li>
        <li class="item"><a href="/data/onlinelist">在线数据清单</a></li>
        <li class="item"><a href="/data/offlinelist">离线数据清单</a></li>
        <li class="item">
        <a href="/data/advancesearch">高级搜索</a>
        </li>
        <li class="item"><form  id="search" enctype="application/x-www-form-urlencoded" action="/search" method="get">
        <input type="text" name="q" id="q" value="回车搜索标题和摘要" onfocus="myfocus(this);" onblur="myblur(this);">
        <input type="hidden" name="submit" value="submit">
        </form></li>
        <script>
          function myfocus(element) {
             if (element.value == '回车搜索标题和摘要') {
               element.value = '';
             }
           }
           function myblur(element) {
             if (element.value == '') {
               element.value = '回车搜索标题和摘要';
             }
           }
        </script>
        </ul>
    </div>
    <div class="span4">
        <h4>数据服务</h4>
            <a href="/data/service">用户服务</a><br />
            -<span><a href="/data/offlineapp">最近20条离线数据服务记录</a></span><span>(共<?= $this->offlinenum; ?>)</span><br />
            -<span><a href="/about/contact">联系我们</a></span> 
            <span><a href="/data/request">如何申请数据</a></span>
            <span><a href="/data/submit">如何发布数据</a></span>  
       <h4>统计</h4>
        <ul class="unstyled">
            <li class="item"><span class="symbol">•&nbsp;</span>元数据 <strong>
            <span><?php echo $this->metanum; ?></span></strong> 条</li>
            <li class="item"><span class="symbol">•&nbsp;</span>在线数据 <strong><?php echo number_format($this->onlinesize/1000,2,'.',''); ?> GB</strong></li>
            <li class="item"><span class="symbol">•&nbsp;</span>总数据 <strong><?php echo number_format(($this->onlinesize+$this->offlinesize)/1000,2,'.',''); ?> GB</strong></li>
            <li class="item"><span class="symbol">•&nbsp;</span>总注册用户&nbsp;<strong><span><?php echo $this->usernum; ?></span>   </strong>&nbsp;人</li>
        </ul>
    </div>
</div>
<script>
var startSlide = 1;
$('#slides').slidesjs({
	preload: true,
	preloadImage: 'images/loading.gif',
	play: {
          active: true,
          auto: true,
          interval: 4000,
          effect: "fade" 
        },
	navigation: {
          effect: "fade"
        },
    pagination: {
          effect: "fade"
        },
	effect: {
	  fade: {
		speed: 800
	  }
	}
});
</script>