zoukankan      html  css  js  c++  java
  • 内容列表时候有预览,每次显示一个(1/2)

    <link href="old_news.css" rel="stylesheet" type="text/css">
    <script src="prototype.lite.js" type="text/javascript"></script>
    <script src="moo.fx.js" type="text/javascript"></script>
    <script src="moo.fx.pack.js" type="text/javascript"></script>


    </head>
    <body>

    <div id="layout_news">
      <div id="layout_l">
        <div class="list_boread">
          <div class="list_title">
            <h5>免费资源</h5>
          </div>
          <div id="list_containers">
            <ul>
    <li class="list_con_li">
                <h1 class="list_news_tit"><A href="/Webbiz/Free/032961522007.html" target="_blank">无限网络提供50M ASP+Access 免费空间</a></h1>
                <h2 class="list_news_dis"><A href="javascript:void(0)">[内容预览]</a></h2>
                <span class="list_news_info"> | 2007-03-29 10:03:48</span>
                <div class="list_news_content">无限网络提供50M ASP+Access 免费空间,支持绑定域名。
                  <h3><a href="/Webbiz/Free/032961522007.html">[阅读全文]</a></h3>
                </div>
              </li><li class="list_con_li">
                <h1 class="list_news_tit"><A href="/Webbiz/Free/032961542007.html" target="_blank">霞光科技50M/Htm/ASP/ASP.net免费空间</a></h1>
                <h2 class="list_news_dis"><A href="javascript:void(0)">[内容预览]</a></h2>
                <span class="list_news_info"> | 2007-03-29 10:10:47</span>
                <div class="list_news_content">霞光科技50M/Htm/ASP/ASP.net免费空间,申请地址:http://www.xgku.com/host_free.htm
                  <h3><a href="/Webbiz/Free/032961542007.html">[阅读全文]</a></h3>
                </div>
              </li>
            </ul>
            <script type="text/javascript">
      var contents = document.getElementsByClassName('list_news_content');
      var toggles = document.getElementsByClassName('list_news_dis');
     
      var myAccordion = new fx.Accordion(
       toggles, contents, {opacity: true, duration: 400}
      );
      myAccordion.showThisHideOpen(contents[0]);
     </script>
          </div>
        </div>
      
     
     

    </div>
          <div class="foot"></div>
        </div>
        <div class="news_side">
          <div class="top10">
            <div class="title">
              <h6>热点资讯</h6>
            </div>
           
            <div class="foot"></div>
          </div>
        </div>
      </div>
    </div>

    </body> 

  • 相关阅读:
    C# dynamic使用
    Linq简介二
    遇事处理方式
    为什么select关键字没有放到前面而是放到了后面
    decimal、float、double区别
    ViewBag、ViewData、TempData区别
    CommandBehavior.CloseConnection的使用
    LINQ简介一
    ViewBag、ViewData使用
    SQL Server 使用WriteText 存储大容量数据
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209349.html
Copyright © 2011-2022 走看看