• 图片懒加载程序示例


    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageList.aspx.cs" Inherits="weiwei_HuxingList" %>
    
    <html>
    <head runat="server">
        <title>楼盘相册</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
        <link href="css/gmu.css" rel="stylesheet" type="text/css" />
        <link href="css/defaultwei.css" rel="stylesheet" type="text/css" />
        <link href="css/defaultnew.css" rel="stylesheet" type="text/css" />
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js?v=1.9.0" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
            $(function () {
                $("img.lazy").lazyload();
            });
      </script>
    </head>
    <body>
        <div class="wrapper">
            <div class="box">
                <!-- 收起时加上样式box_up,展开时去掉 -->
                <h3>
                    <%=classname%></h3>
                <div class="box_time">
                        <asp:Repeater ID="rptImgList" runat="server">
                            <ItemTemplate>
                              <div >
            <img class="lazy"  data-original="<%# Eval("hxt_img")%>" width="100%"/>
            
        </div>
        <div style=" height:30px; text-align:center; background-color:#F9F9F9;"><%#Eval("hxt_name")%></div>
                            </ItemTemplate>
                        </asp:Repeater>
                    
                </div>
            </div>
            <div class="box">
                <!-- 收起时加上样式box_up,展开时去掉 -->
                <h3>
                    优惠信息</h3>
                <div class="box_time">
                    &nbsp;&nbsp;&nbsp;&nbsp;<%=New_price8000%>
                </div>
            </div>
        </div>
        <script>
            $(function () {
                $("img.lazy").lazyload();
            });
    </script>
    </body>
    </html>
  • 相关阅读:
    大型高性能ASP.NET系统架构设计
    读写锁ReaderWriterLockSlim
    日常生活英语单词大全
    unity3d读取plist或xml文件
    WIN7开无线
    asp.net 2.0中新增的web.config的默认namespace功能 (转)
    面向对象的一些基本概念
    大话设计模式之策略模式
    大话设计模式之简单的工厂模式
    iOS UI 之UILable
  • 原文地址:https://www.cnblogs.com/xuhongfei/p/3423460.html
Copyright © 2020-2023  润新知