头像

prettyPhoto和fancybox弹出层插件对比

来源:http://www.erdangjiade.com/ 二当家的 2016-07-29 07:05浏览(1547)

prettyPhoto是一款类似fancybox的强大弹出层插件,它支持图片、图文混搭、视频、iframe等形式展开播放。fancybox弹出层演示地址:http://www.erdangjiade.com/js/45.html

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,9.9元整站资源免费下载!3、充值VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:368848856 在线 充值

prettyPhoto和fancybox弹出层插件对比
分类:悬浮层/弹出层 > 弹窗 难易:中级
查看演示 下载资源: 119

关注微信号获取此Demo视频教程:

下载资源 下载积分: 30 积分

prettyPhoto的两个重要属性:a标签href和rel属性

<ul class="gallery clearfix">
    <li><a href="#inline_demo" rel="prettyPhoto[inline]">Inline content 1</a></li>
    <li><a href="#inline_demo2" rel="prettyPhoto[inline]">Inline content 2</a></li>
    <li><a href="#inline_demo3" rel="prettyPhoto[inline]">Inline content 3</a></li>
</ul>

rel调用href里的id

$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme: 'dark_square'});
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:http://www.erdangjiade.com/js/905.html
评论4
头像

友情提示:垃圾评论一律封号...

  • 头像 3楼
    06-13 06:36
    aaa999
    学习了~学习了~学习了~学习了~
  • 头像 板凳
    06-13 06:35
    aaa999
    学习了~学习了~学习了~学习了~学习了~
  • 头像 椅子
    06-13 06:33
    aaa999
    学习了~学习了~
  • 头像 沙发
    05-19 14:26
    roger858
    学习了~
1 2