奇米影视四色7777久久精品-奇米影视777在线观看一区-七草千岁在线-破产姐妹第二季在线观看天天美剧-国产精品视频铁牛tv-国产精品视频视频久久

0712-2888027 189-8648-0214
微信公眾號

孝感風信網絡科技有限公司微信公眾號

當前位置:主頁 > 技術支持 > Javascript/JQuery > Fancybox是一款基于jquery開發的類Lightbox插件

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

時間:2019-04-20來源:風信官網 點擊: 1105次
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>
熱門關鍵詞: Fancybox jquery開發 Lightbox插件
欄目列表
推薦內容
熱點內容
展開
主站蜘蛛池模板: 日韩欧美一区二区久久黑人| 亚洲字幕| 青青青网| 亚洲视频在线免费看| 欧美中文字幕一区| 青青操国产视频| 91精品导航在线观看| 日韩a在线看免费观看视频| 99综合在线| 欧美久久精品一级c片片| 精品一区二区三区无卡乱码| 99资源站| 欧美精品99久久久久久人| 亚洲一区二区三区免费观看| 不良后果| 成人黄色小视频| 青青草国产精品免费| 国产 | 久而欧洲野花视频欧洲1| jizz在线免费观看| 泰国寂寞的寡妇在线观看| 日本欧美特黄特色大片| 亚洲综合一二三区| 亚洲视频精品在线| 一区二区三区在线视频观看| 青春草久久| 午夜亚洲视频| caoporm免费视频公开| 在线免费| h网在线观看| 99热最新| 91福利国产在线观看一区二区| 亚洲国产欧美日韩| 99视频精品| 青青草在视线频久久| 国产99欧美精品久久精品久久| 老司机福利视频| 欧美日韩国产一区二区| 久久久全国免费视频| 欧美日本亚洲国产一区二区| 99热这里都是精品| 一区国严二区亚洲三区|