zoukankan      html  css  js  c++  java
  • 图片放大显示的jQuery插件

    从网上下载了一个jquery的图片放大显示插件,效果如下

    前台代码调用:

    先引入js

    <script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="../js/jquery.imagePreview.1.0.js"></script>
    <script type="text/javascript">
    $(function(){
     $("a.preview").preview();   
    });
    </script>

    html页面代码

    View Code
    <div class="zxx_out_box">
        <div class="zxx_in_box">        
            <h3 class="zxx_title">图片放大显示的jQuery插件演示页面</h3>
            <div class="zxx_main_con">
                <div class="zxx_test_list">
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" title="张含韵">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm3.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm4.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm4.jpg" />
                    </a>
                    <class="preview" href="http://image.zhangxinxu.com/image/study/s/s256/mm5.jpg" title="某不知名美女">
                        <img src="http://image.zhangxinxu.com/image/study/s/s128/mm5.jpg" />
                    </a>
                </div>           
            </div>
        </div>
    </div>

    全部源码下载:/Files/Jaylong/jquery-image-preview.zip

  • 相关阅读:
    如何安装vue-cli脚手架环境
    使用vw,vh对页面进行布局
    ParseChat聊天室应用项目源码
    不错的找茬游戏源码项目
    山寨山寨版手机安全卫士项目
    高仿精仿金山手机卫士源码项目完整版
    java斗地主游戏项目源码
    ios版塔防类游戏源码
    ios媒体视频播放器应用项目
    仿iphone动态萤火虫锁屏应用源码
  • 原文地址:https://www.cnblogs.com/Jaylong/p/2291993.html
Copyright © 2011-2022 走看看