• 内容列表时候有预览,每次显示一个(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> 

  • 相关阅读:
    jQuery easyUI 的combogrid进行模糊匹配
    SQL 快速生成不重复的卡号
    用SQL语句查找包含有某个关键字的存储过程、触发器、函数等等
    C# DateTime日期格式化
    【SQL触发器】类型 FOR 、AFTER、 Instead of
    【BAT】批量给制定类型的文件名添加前缀
    【VBA】将Excel数据转化为txt文本数据
    【Python】将多个工作簿中的数据按列合并到同一个工作表
    【Python】从DB2数据库中取出字段信息并根据字段类型生成SQL
    【Oracle】多行数据合并为一行,使用逗号分隔
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209349.html
Copyright © 2020-2023  润新知