亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS實現點擊圖片在當前頁面放大并可關閉的漂亮效果

2019-11-20 21:52:27
字體：大 中 小
來源：轉載
供稿：網友
Lightbox JS 是一個簡單而又謙恭的用來把圖片覆蓋在當前頁面上的腳本. 它能被快速安裝并且運作于所有流行的瀏覽器.

點擊這里查看實例演示

如何使用:

步驟 1 - 安裝
1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果庫. 你將需要外調這三個 Javascript 文件在你的 header.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
2、外調 Lightbox CSS 文件 (或添加 Lightbox 樣式到你現行的樣式表中).
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
3、檢查 CSS 并確定調用的 prev.gif 和 next.gif 文件在正確的位置. 同樣要確定調用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正確的位置.

步驟 2 - 激活
1、添加 rel="lightbox" 屬性到任何一個鏈接標簽去激活lightbox. 例如:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
可選擇項: 使用 title 屬性加上說明.
2、如果你有一套你想分組的相關圖片, 接著上一部并且又在 rel 屬性中添加一個帶方括號的組名. 例如:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
3、沒有限定每個頁面的圖片組數量和每個圖片組圖片的數量. 瘋了！

下載: Lightbox JS v2.02

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美肥婆姓交大片| 国产一区二区三区视频在线观看| 91亚洲精品视频| 久久免费视频网| 伊是香蕉大人久久| 一区二区三区精品99久久| 色偷偷综合社区| x99av成人免费| 另类天堂视频在线观看| 国产欧美日韩专区发布| 久久国产精品偷| 国产亚洲欧美日韩精品| 亚洲天堂一区二区三区| 欧美一级大胆视频| 成人精品aaaa网站| 国产精品久久久久7777婷婷| 成人中文字幕+乱码+中文字幕| 亚洲高清久久网| 亚洲精品suv精品一区二区| 亚洲福利在线视频| 国产精品高潮呻吟久久av无限| 日韩免费电影在线观看| 97激碰免费视频| 精品日本美女福利在线观看| 国产成人自拍视频在线观看| 在线观看日韩视频| 亚洲第一福利视频| 精品视频久久久久久| 日韩电影在线观看中文字幕| 成人黄色大片在线免费观看| 在线观看欧美日韩| 欧美xxxx14xxxxx性爽| 日韩电影免费观看在线观看| 国产精品一香蕉国产线看观看| 欧美日韩中文字幕在线| 久久九九亚洲综合| 一区二区三区四区在线观看视频| 亚洲欧美一区二区三区情侣bbw| 日韩成人在线电影网| 亚洲午夜未删减在线观看| 亚洲欧美日韩中文在线| 国产亚洲欧洲高清一区| 亚洲欧美中文日韩在线| 亚洲人成在线观看网站高清| 欧美人交a欧美精品| 亚洲xxx自由成熟| 久久综合久中文字幕青草| 欧美福利视频在线观看| 日韩欧美国产成人| 亚洲精品福利资源站| 这里精品视频免费| 色婷婷综合成人| 国产成人精品综合| 一道本无吗dⅴd在线播放一区| 欧美激情亚洲综合一区| 欧美激情第99页| 亚洲女人初尝黑人巨大| 欧美另类极品videosbestfree| 日本精品久久电影| 亚洲欧洲美洲在线综合| 欧美重口另类videos人妖| 日韩av电影免费观看高清| 国产精品久久77777| 欧美伊久线香蕉线新在线| 91视频国产精品| 亚洲一区二区三区乱码aⅴ| 亚洲精品自在久久| y97精品国产97久久久久久| 91精品国产综合久久久久久蜜臀| 成人97在线观看视频| 91精品国产免费久久久久久| 欧美日韩一区二区在线| 日产日韩在线亚洲欧美| 国产成人综合亚洲| 欧美日韩免费观看中文| 国产精品嫩草影院一区二区| 欧美精品久久久久久久久久| 亚洲精品98久久久久久中文字幕| 欧美亚洲成人网| 亚洲最大av网站| 爱福利视频一区| 成人精品视频99在线观看免费| 国产噜噜噜噜噜久久久久久久久| 久久综合伊人77777尤物| 国产精品青青在线观看爽香蕉| 激情成人中文字幕| 中文字幕精品网| 久久综合免费视频| 久久视频精品在线| 日韩美女视频免费看| 亚洲香蕉av在线一区二区三区| 欧美日韩精品国产| 国产精品狼人色视频一区| 性欧美在线看片a免费观看| 久久视频中文字幕| 日韩经典中文字幕在线观看| 2019国产精品自在线拍国产不卡| 日韩中文第一页| 亚洲剧情一区二区| 亚洲国产精品久久久| 国产日韩欧美视频在线| 国模视频一区二区三区| 欧美在线日韩在线| 欧美极品少妇xxxxx| 日韩欧美国产视频| 国产精品久久av| 亚洲日本欧美中文幕| 国内自拍欧美激情| 欧美激情一区二区三区在线视频观看| 欧美中文字幕在线观看| 国产精品国产三级国产aⅴ浪潮| 精品女厕一区二区三区| 精品免费在线观看| 亚洲午夜性刺激影院| 久久久久这里只有精品| 久久久久久12| 久久精品2019中文字幕| 911国产网站尤物在线观看| 日韩一区二区久久久| 欧美影院久久久| 中文字幕国产日韩| 亚洲欧美在线一区| 亚洲人成网站在线播| 伊人久久大香线蕉av一区二区| 国产精品视频成人| 国产精品美女免费看| 欧美精品制服第一页| 97香蕉久久夜色精品国产| 国产成人激情小视频| 亚洲少妇激情视频| 亚洲欧美三级伦理| 亚洲日韩欧美视频一区| 欧美日本高清一区| 亚洲国产精品久久久久| 操人视频在线观看欧美| 国产欧美va欧美va香蕉在| 亚洲成年网站在线观看| 国内精品视频在线| 亚洲欧美成人一区二区在线电影| 欧美老女人性视频| 欧美日韩国产第一页| 日日摸夜夜添一区| 成人精品aaaa网站| 欧美日韩福利在线观看| 久久国产加勒比精品无码| 日韩视频在线一区| 久久久人成影片一区二区三区观看| 国产suv精品一区二区| 伊人久久久久久久久久久| 亚州精品天堂中文字幕| 精品无人国产偷自产在线| 欧美日韩国产123| 中文字幕日韩精品在线观看| 欧美制服第一页| 亚洲一二三在线| 日本a级片电影一区二区| 国产小视频国产精品| 欧美大片在线看免费观看| 宅男66日本亚洲欧美视频| 亚洲激情视频在线播放| 亚洲国产高潮在线观看| 69久久夜色精品国产69| 亚洲国产欧美久久| 日本一区二三区好的精华液|