zoukankan      html  css  js  c++  java
  • 图片懒加载程序示例

    <%@ 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>
  • 相关阅读:
    having——至少被订购过两回的订单
    产品——仓库表查询
    SQL 聚集函数使用
    select count(*)和select count(1)的区别 (转)
    SpringAOP 通知(advice)
    Spring AOP 实现原理与 CGLIB 应用
    cglib 动态代理基础篇
    模仿Struts2的Interceptor拦截器实现
    利用JDK动态代理机制实现简单拦截器
    java多线程总结二:后台线程(守护线程)
  • 原文地址:https://www.cnblogs.com/xuhongfei/p/3423460.html
Copyright © 2011-2022 走看看