fancybox api中文版
- 軟件類(lèi)型：
- 國(guó)產(chǎn)軟件
- 軟件語(yǔ)言：
- 簡(jiǎn)體中文
- 軟件大�。�
- 59 KB
- 軟件授權(quán)：
- 免費(fèi)軟件
- 軟件評(píng)級(jí)：
- 4
- 更新時(shí)間：
- 2016-06-07
- 應(yīng)用平臺(tái)：
- WinXP, Win7, WinAll
今天給大家介紹的jquery圖片播放插件叫fancybox api中文版，相比LightBox來(lái)說(shuō)，F(xiàn)ancybox相對(duì)龐大點(diǎn)，配置也更豐富一些，相信你會(huì)喜歡的。
fancybox api中文版使用方法
1、引入jquery核心庫(kù)和Fancybox插件庫(kù)
<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>
可選 - 如果需要用到fancy transition（一些動(dòng)畫(huà)效果）你還需要引入以下腳本
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
可選 - 如果需要支持鼠標(biāo)滾輪滾動(dòng)效果你還需要引入以下腳本
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
2、添加樣式表文件
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
3、在頁(yè)面上創(chuàng)建鏈接元素
A、圖片元素
<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" kesrc="image_small.jpg" alt=""></a>
B、普通文本
<a id="inline" href="#data" kesrc="#data">This shows content of element who has id="data"</a>
<div style="display: none;">
<div id="data">Lorem ipsum dolor sit amet， consectetur adipiscing elit.</div>
</div>
C、Iframe
<a href="http://www.example?iframe">This goes to iframe</a>
或者
<a class="iframe" href="http://www.example">This goes to iframe</a>
D、Ajax
<a href="http://www.example/data.php">This takes content using ajax</a>
如果你要顯示描述信息，可以在鏈接上加上title，將描述信息放到title中。