最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

prettyPhoto和fancybox弹出层插件对比

来源:http://www.erdangjiade.com/ 沐浴春风 2016-07-29 07:05浏览(3447)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

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

加我微信,拉你进VIP群学习:

下载资源 下载积分: 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并保留原文链接:https://www.erdangjiade.com/js/905.html
评论6
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 5楼
    05-29 16:56
    热心的久违
    学习了~学习了~学习了~学习了~学习了~学习了~
  • 头像 4楼
    04-08 13:05
    mazheming
    IE11为毛弹不出来
  • 头像 3楼
    06-13 06:36
    aaa999
    学习了~学习了~学习了~学习了~
  • 头像 板凳
    06-13 06:35
    aaa999
    学习了~学习了~学习了~学习了~学习了~
  • 头像 椅子
    06-13 06:33
    aaa999
    学习了~学习了~
  • 头像 沙发
    05-19 14:26
    roger858
    学习了~
1 2