所属分类:
首页 > 设计工具 > 网页设计

jquery仿百度图片幻灯浏览功能

    • 工具名称:jquery仿百度图片幻灯浏览功能
    • 界面语言:中文
    • 工具大小:不详
    • 工具类型:设计工具 > 网页设计
    • 下载统计:
    • 更新时间:2010-12-31 9:20:47
    • 运行环境:Windows 98/ME/2000/XP/2003/Vista
    工具简介:

    使用jquery来实现百度图片幻灯浏览,先看下效果图:

    第一种实现方式,缺点是当浏览到靠后面的图片时页面动态加载元素太多,不支持大数据

    Code
      1<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImgShow.aspx.cs" Inherits="testbaidu_ImgShow" %>
      2
      3http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      4http://www.w3.org/1999/xhtml">
      5
      6    模拟百度图片浏览
      7   
      8
      9   
     10
     11   
    220
    221
    222
    223   


    224   

    225       


    226            百度图片浏览模拟程序


    227   

    228   

    229       

    230           
    231               
    232                   
    235               
    236           

    233                        图片名称:
    234                   

    237           
    238               
    239                   
    242               
    243           

    240                       
    241                   

    244           
    245               
    246                   
    249                   
    252                   
    255               
    256           

    247                       
    248                   

    250                        预览图比例:
    251                   

    253                        查看原图
    254                   

    257       

    258       

    259           

    260                 
    261           

    262           

    263               

    264               

    265           

    266           

    267                 
    268           

    269       

    270   

    271   

    272
    273
    274第二种,动态加载数据,当然js局部可以做出修改

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImgSlider2.aspx.cs" Inherits="testbaidu_ImgSlider2" %>
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    http://www.w3.org/1999/xhtml">

        模拟百度图片浏览
       
       
       


       


       

           


                百度图片浏览模拟程序


       

       

           

               
                   
                       
                   
               

                            图片名称:
                       

               
                   
                       
                   
               

                           
                       

               
                   
                       
                       
                       
                   
               

                           
                       

                            预览图比例:
                       

                            查看原图
                       

           

           

               

                     
               

               

                   

                   

               

               

                     
               

           

       

       



    以上两种都能实现效果。