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

0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > Fancybox是一款基于jquery開發(fā)的類Lightbox插件

Fancybox是一款基于jquery開發(fā)的類Lightbox插件

時(shí)間:2019-04-20來源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1105次
Fancybox是一款基于jquery開發(fā)的類Lightbox插件。支持對(duì)放大的圖片添加陰影效果,對(duì)于一組相關(guān)的圖片添加導(dǎo)航操作按紐。Fancybox 是一款很絢麗的 jquery 彈出層展示插件,該lightbox除了能夠展示圖片之外,還可以展示iframed內(nèi)容, 通過css自定義外觀。
Fancybox是一款基于jquery開發(fā)的類Lightbox插件
 
官方網(wǎng)站: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>
熱門關(guān)鍵詞: Fancybox jquery開發(fā) Lightbox插件
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開
主站蜘蛛池模板: caonila国产在线观看| 亚洲一区有码| 欧美视频日韩视频| www.91在线视频| 日本狠狠操| 久久国产精品99久久久久久牛牛| 中文字幕在线观看不卡视频| 国产欧美在线观看不卡一| 一级免费大片| 亚洲精品天堂自在久久77 | 精品国产欧美精品v| 在线观看一区二区三区视频| 青草青在线| 欧美亚洲另类综合| 黄色成人短视频| you视频在线观看免费| 国产小网站| 九九啪啪| 青草青草视频| 亚洲乱码一二三四区国产| 亚洲一区二区三区高清不卡| 日韩影院久久| 在线播放网址| 不卡无毒免费毛片视频观看| 99爱视频| 一级特黄特黄的大片免费| 国产区小视频| 99久久免费精品国产免费高清| 亚洲天堂999| 国产精品αv在线观看| 久久久精品国产四虎影视| 免费特黄一级欧美大片| 色视频网站大全免费| 免费视频网站在线观看黄| 国产操| 青草影院在线| 人体蜈蚣3| 日韩不卡在线播放| 99热精品久久只有精品黑人| 在线观看日韩精品| 欧美专区综合|