<ruby id="cmmwe"></ruby>

  • <var id="cmmwe"></var>
    <b id="cmmwe"></b>
    <source id="cmmwe"><track id="cmmwe"><ins id="cmmwe"></ins></track></source>

      1. Fancybox是一款基于jquery開發的類Lightbox插件

        時間:2019-04-20 來源:風信官網 點擊: 648次

        Fancybox是一款基于jquery開發的類Lightbox插件。支持對放大的圖片添加陰影效果,對于一組相關的圖片添加導航操作按紐。Fancybox 是一款很絢麗的 jquery 彈出層展示插件,該lightbox除了能夠展示圖片之外,還可以展示iframed內容, 通過css自定義外觀。
        Fancybox是一款基于jquery開發的類Lightbox插件
         
        官方網站:http://www.fancybox.net/home
         
        下載地址:https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/fancybox/jquery.fancybox-1.3.4.zip
         
        使用示例:
         
        1、引入Jquery文件
         
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
         
        2、引入Fancybox樣式文件
         
        <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
         
        3、在需要使用Fancybox的圖片中加上屬性
         
        <a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a>
        <a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a>
         
        <a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a> 
        <a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a>
         
        4、JS文件控制:
         
        <script type="text/javascript">
            jQuery(document).ready(function ($) {
                $("a[rel=group1]").fancybox({
                    'titleShow': true,
                    'transitionIn': 'none',
                    'showNavArrows': true,
                    'transitionOut': 'none'
                });
            })
        </script>
        X孝感風信網絡科技有限公司

        截屏,微信識別二維碼

        微信號:189 8648 0214

        (點擊微信號復制,添加好友)

          打開微信

        微信號已復制,請打開微信添加咨詢詳情!
        国产免费又爽又刺激在线观看,免费一级毛片在线播放放视频,最近日本免费观看高清视频,亚洲无码视频观看
        <ruby id="cmmwe"></ruby>

      2. <var id="cmmwe"></var>
        <b id="cmmwe"></b>
        <source id="cmmwe"><track id="cmmwe"><ins id="cmmwe"></ins></track></source>