169it科技资讯
169it -->


当前位置:  软件>JavaScript软件

jQuery弹出窗口插件 FancyBox

    来源:    发布时间:2015-02-09

FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。

相对与Lightbox而言,阴影效果更好。但是比Lightbox绚丽。

使用很是简单,可以参照Lightbox,修改添加代码。

示例代码:

$(document).ready(function() { 
	/* This is basic - uses default settings */ 
	$("a#single_image").fancybox(); 
	/* Using custom settings */ 
	$("a#inline").fancybox({ 'hideOnContentClick': true }); 
	$("a.group").fancybox({ 
		'zoomSpeedIn': 300, 
		'zoomSpeedOut': 300, 
		'overlayShow': false 
	}); 
}); 

使用效果图:

jQuery弹出窗口插件 FancyBox[图片]

本页相关标签:

    
相关技术文章:
    ▪Yahoo UI库 YUI

     Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证 YUI 包含完整的说明文件。它包含了两种元件: 工具与控件[2],和一些 CSS 资源。 工具 动画 协助达成位置移动、大小改变、透明度和其他的网页效果。 浏览器历史纪录管理工具 ......


    ▪jQuery的界面插件 Ninja UI

     jQuery 是一个非常优秀的 JavaScript 框架,而且还有相当多的插件。其中的一些UI插件也相当的给力,比如 Ninja UI,是一款界面插件,使用它将能给你的项目增色不少。此插件包含有幻灯,智能提示等常见的效果。 目前的文档还不是很全,但是官方提供的例子已经很详细了,所以也是很容易使用的。 在线演示:http://ninjaui.com/examples ......


    ▪可视化HTML编辑器 TinyMCE

     TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。本站采用的就是TinyMCE编辑器,下图是此编辑器的界面 在线演示地址:htt......


 
最新技术文章:
    ▪可视化HTML编辑器 KindEditor

     KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 主要特点 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM 类库......


    ▪jQuery弹出窗口插件 FancyBox

     FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。 相对与Lightbox而言,阴影效果更好。但是比Lightbox绚丽。 使用很是简单,可以参照Lightbox,修改添加代码。 示例代码: $(document).ready(function() { /* This is basic - uses default settings */ $("a#single_image").fancybox(); /* Using custom settings */ $("a#inline").fancybox({ 'hideOnContentClick': true }); $("a.group").fancybox({ 'zoomSpeedIn'......


    ▪Yahoo UI库 YUI

     Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证 YUI 包含完整的说明文件。它包含了两种元件: 工具与控件[2],和一些 CSS 资源。 工具 动画 协助达成位置移动、大小改变、透明度和其他的网页效果。 浏览器历史纪录管理工具 ......


 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2015,169IT.COM,站长邮箱:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号