支持弹出图片视频jQuery插件.zip资源-CSDN文库

共19个文件

png：7个

jpg：7个

js：3个

版权申诉

jQuery

html5

javascript

131 浏览量 2022-11-26 11:03:18 上传评论收藏 467KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

支持弹出图片视频jQuery插件.zip （19个子文件）

支持弹出图片视频jQuery插件

支持弹出图片视频jQuery插件.jpg 40KB

jiaoben3341

images

1_thumb.jpg 21KB

3_thumb.jpg 51KB

2.jpg 133KB

brightcove.png 10KB

1.jpg 54KB

youtube.png 14KB

soundcloud.png 21KB

3.jpg 100KB

ignore.png 11KB

iframe.png 5KB

2_thumb.jpg 62KB

vimeo.png 9KB

wistia.png 8KB

index.html 3KB

jquery.poptrox.js 23KB

jquery-1.11.1.min.js 94KB

jquery.poptrox.min.js 12KB

iframe.html 2KB

<!DOCTYPE HTML> <html> <head> <title>支持弹出图片视频jQuery插件 - 网页模板</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.poptrox.min.js"></script> <style> body { font-family: sans-serif; font-size: 12pt; color: #444; line-height: 1.5em; } h1 { font-size: 1.5em; } #wrapper { max-width: 600px; margin: 0 auto; text-align: center; } #gallery { overflow: hidden; } #gallery a { display: block; float: left; } #gallery a img { display: block; border: 0; } </style> <script> $(function() { $('#gallery').poptrox({ usePopupCaption: true }); }); </script> </head> <body> <div id="wrapper"> <h1>Demo #1</h1> <div id="gallery">  <a href="images/1.jpg"><img src="images/1_thumb.jpg" alt="" title="网页模板 - www.moobnn.com (#1)" /></a> <a href="images/2.jpg"><img src="images/2_thumb.jpg" alt="" title="网页模板 - www.moobnn.com (#2)" /></a> <a href="images/3.jpg"><img src="images/3_thumb.jpg" alt="" title="网页模板 - www.moobnn.com (#3)" /></a>  <a href="http://youtu.be/loGm3vT8EAQ" data-poptrox="youtube,800x480"><img src="images/youtube.png" alt="" title="A YouTube Video" /></a>  <a href="http://vimeo.com/22439234" data-poptrox="vimeo,800x480"><img src="images/vimeo.png" alt="" title="A Vimeo Video" /></a>  <a href="http://api.soundcloud.com/tracks/93549370" data-poptrox="soundcloud"><img src="images/soundcloud.png" alt="" title="A Soundcloud Track" /></a>  <a href="http://bcove.me/qly3wjdw" data-poptrox="bcove,636x360"><img src="images/brightcove.png" alt="" title="A Brightcove Video" /></a>  <a href="http://fast.wistia.net/embed/iframe/fe8t32e27x" data-poptrox="wistia,800x480"><img src="images/wistia.png" alt="" title="A Wistia Video" /></a>  <a href="iframe.html" data-poptrox="iframe,600x400"><img src="images/iframe.png" alt="" title="An IFRAME" /></a>    <a href="http://www.moobnn.com" data-poptrox="ignore"><img src="images/ignore.png" alt="" /></a> </div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉