• “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 欢迎访问

    云南11选五5走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    FacyBox弹出层效果

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com FacyBox是一款基于jquery的lightbox控件,它可以让你在你的网站上展示图片(可以浏览多张图片,支持键盘方向键)、Div或通过Ajax加载的内容,而且使用非常简单。

    查看演示DEMO 下载源码

    一起来看看如何使用。

    1、添加javascript引用和css文件的引用

    
    

    2、HTML

    图片

    看大图 

    多张图片浏览

    点击这里 

    当要浏览多张图片时,只需给链接指定一个ID(如上:id="open"),通过JS单击事件来加载图片源。

    DIV

    点击这里 

    展示DIV时,需要在页面对应一个DIV,并设置id="info",隐藏style="display:none",如下:

    点击这里 
    

    A jQuery-based, which can display images, divs, or entire remote pages.

    ajax加载内容

    点击这里 

    3、调用插件

    $(function(){
    	$('a[rel*=facybox]').facybox();
    	$("#open").click(function(){ //展示多张图片
    		$.facybox({images:['images/3s.jpg','images/4s.jpg','images/5s.jpg');		   
    	});
    });

    FacyBox使用简单,能满足网站设计的一般要求,但是如果你想要更丰富的效果,更高层次的要求,可以用到另一个插件:Fancybox,这个插件非常强大,我会在后面的博文中提到,敬请关注。

    ]}
    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 黑龙江p62出什么号 查今天双色球开奖号码 nba让分胜负 体彩6+1中奖规则 26选5第2019004期开奖结果 福彩3d开机号公益公正 浙江11选5跨度走势图 黑龙江十一选五的走势图 围棋2019赛程 河南十一选五开奖视频 3d福彩开奖结果 七乐彩中奖规则图 福利彩票深圳风采开奖结果 2019新表十二生肖图 吉林十一选五和值走势图百度乐彩