zoukankan      html  css  js  c++  java
  • JQuery

    效果:

    目录结构:

     

    代码:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>图片显示</title>
    
        <script src="JavaScript/Quote/jquery-1.8.3.min.js"></script>
        <link href="Component/Lightbox/css/lightbox.css" rel="stylesheet" />
        <script src="Component/Lightbox/js/lightbox-2.6.min.js"></script>
    
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
    
                <a href="Images/demopage/image-3.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-1.jpg" />
                </a>
    
                <a href="Images/demopage/image-4.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-4.jpg" />
                </a>
    
                <a href="Images/demopage/image-5.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-5.jpg" />
                </a>
    
                <a href="Images/demopage/image-3.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-3.jpg" alt="img" />
                </a>
    
                <a href="Images/demopage/image-4.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-4.jpg" alt="img" />
                </a>
    
                <a href="Images/demopage/image-5.jpg" data-lightbox="example-set" title="">
                    <img src="Images/demopage/thumb-5.jpg" alt="img" />
                </a>
            </div>
        </form>
    </body>
    </html>
    

      

  • 相关阅读:
    HDU 5213 分块 容斥
    HDU 2298 三分
    HDU 5144 三分
    HDU 5145 分块 莫队
    HDU 3938 并查集
    HDU 3926 并查集 图同构简单判断 STL
    POJ 2431 优先队列
    HDU 1811 拓扑排序 并查集
    HDU 2685 GCD推导
    HDU 4496 并查集 逆向思维
  • 原文地址:https://www.cnblogs.com/KTblog/p/4767639.html
Copyright © 2011-2022 走看看