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

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">

        模拟百度图片浏览
       
       
       


       


       

           


                百度图片浏览模拟程序


       

       

           

               
                   
                       
                   
               

                            图片名称：
                       

               
                   
                       
                   
               

                           
                       

               
                   
                       
                       
                       
                   
               

                           
                       
                            预览图比例：
                       
                            查看原图
                       

           

           

               

                     
               

               

                   

                   

               

               

                     
               

           

       

       



    以上两种都能实现效果。

    • 相关Tag : jquery图片浏览 jquery图片 jquery图片切换 jquery图片滚动 jquery上传图片 jquery图片放大
    相关文章(0篇) | 相关评测((0篇) | 使用心得((0篇) 查看评论( 条)    发表评论 收藏次数( 次)    加入我的工具箱!