JQuery插件二--colorbox

Colorbox 常用属性

设置的值                       默认值                       介绍
transition                    elastic                     过渡效果fade or  none  or elastic
speed                         350                         过渡效果的持续时间
href                          false                       设置锚标记或按钮
title                         false                       设置标题
rel                           false                       这个可以根据元素的rel属性设置要显示的属性
width                         false                       设置宽度
height                        false                       设置高度
innerWidth                    false                       设置固定的内大小
innerHeight                   false                       设置固定的内高度
initialWidth                  300                         初始化宽度
InitialHeight                 100                         初始化高度
maxWidth                      false                       最大宽度
maxHeight                     false                       最大高度
scalePhotos                   true                        以上高度和宽度设置了，此属性为true，colorbox会缩放图片以使用边框
scrolling                     true                        false,colorbox不会为了溢出元素设置滚动条
iframe                        false                       true，元素会在iframe中显示
inline                        false                       如果是true，可以使用jquery选择器
html                          false                       直接显示html代码
photo                         false                       true,colorbox会把元素按图片显示
opacity                       0.4                         遮罩层透明度0-1之间的值
open                          false                       true，colorbox会自动开启
preloading                    false                       true,colorbox会自动预载图片
overlayClose                  true                        true,单击遮罩层就可以关闭colorbox
slideshow                     false                       true,会自动滚动图片
slideshowSpeed                2500                        设置时间，毫秒
slideshowAuto                 true                        滑动会自动开始
slideshowStart                start slideshow             开始自动滑动按钮的文本
slideshowStop                 stop slideshow              停止自动滑动按钮的文本
current                       {current} of {total}        文本内容：正在显示的元素序号
previous                      previous                    上一个按钮的文本
next                          next                        下一个按钮的文本
close                         close                       关闭按钮的文本

JQuery插件二--colorbox相关推荐

超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用......
为什么80%的码农都做不了架构师?>>> 日期:2012-10-15 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
生成二维码的 jQuery 插件：jquery.qrcode.js
jquery.qrcode.js 是一个纯浏览器生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国 ...
jquery插件（二）：Infinite Scroll–无限分页
一.前言现在有很多网站都有这样的交互 1.当你往下浏览页面时,页面会自动去异步加载数据. 无限分页效果 infinite scroll 效果图 –ifxoxo.com 2.在页面下方有一个" ...
javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）...
在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...
推荐两款简单好用的图片放大jquery插件
一.zoomfiy.js 推荐可以从这里下载使用说明: 使用该jquery 插件引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序 ...
jquery插件制作
jquery插件丰富,很多都是很好用的,最近学习了一下如何制作jquery插件,发现jquery插件制作其实很简单,这里介绍一下. jquery插件的基本格式: (function($){$.fn.t ...
Web 开发最有用的 jQuery 插件集锦
一.Responsive SlideShow--图片滑块展示 1.Responsive Carousel responsive-carousel 是一个内容传送带插件,支持鼠标.触摸和键盘操作.默认包 ...
[转]不定义JQuery插件，不要说会JQuery
一:导言有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("."),写了几年就对别人说非常熟悉JQuery.我曾经也是这样的人,直 ...
jQuery插件开发方式
一.jQuery扩展 1.$.extend(object) 类似于.Net的扩展方法,用于扩展jQuery.然后就可以用$.的方式调用. $(function(){$.extend({ fun1: f ...
jquery插件课程2 放大镜、多文件上传和在线编辑器插件如何使用
jquery插件课程2 放大镜.多文件上传和在线编辑器插件如何使用一.总结一句话总结:插件使用真的还是比较简单的,引包,初始化,配置参数(json),配置数据(json),而后两步不是必须的.而且 ...

JQuery插件二--colorbox

Colorbox 常用属性

JQuery插件二--colorbox相关推荐

最新文章

热门文章