jQuery插件 - (mb)MaskedGallery 1.0 (new).

效果觉得不错,但是具体使用可能比较耗费资源吧。。。

用法:

<script src="jquery-1.3.js" type="text/javascript"></script>

<script src="mbMaskedGallery.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

    $("#id名").mbMaskGallery({

        type:"normal",  //普通效果

        galleryMask:"photo.png",  //图片

        galleryColor:"black",  //背景色

        galleryLoader:"loader.gif",  //loading图片

        loaderOpacity:.3,  //透明度

        loader:true, 

        fadeTime: 200, //時間

    });

});

</script>

HTML:

<div id="demo" class="galleryCont" >

    <img src="图片1">

    <img src="图片2" url="">

    ......

</div>

demo page:

http://www.open-lab.com/mb.ideas/index.html#mbMaskedGallery

http://www.skuare.net/test/jmaskedGal.html

download page:

http://www.open-lab.com/mb.ideas/demo/jquery.mbMaskedGallery/jquery.mbMaskedGallery.zip

jQuery project page:

http://plugins.jquery.com/project/mbMaskedGallery

时间: 2024-10-16 01:58:54

jQuery插件 - (mb)MaskedGallery 1.0 (new).的相关文章

Wolf Software jQuery Simple Tooltips 1.1.0发布 jQuery插件

jQuery Simple Tooltips是一个jQuery插件,以一种简单灵活的方式生成工具提示.它是高度可配置,采用多种方法来传送文字到工具提示发生器. 有关jQuery Jquery是一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) ,它兼容http://www.aliyun.com/zixun/aggregation/9445.html">CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+).

Wolf Software jpecrga 2.0.2发布 Google分析的jQuery插件

jpecrga 是一款用于网站使用Google分析的jQuery插件,遵循2011年5月115.html">26日在英国生效的附加条款的隐私和电子通信法(PECR).它提供了一个不显眼的方法使用Google分析,代码请求需先征求用户允许,然后该插件将加入Google http://www.aliyun.com/zixun/aggregation/16353.html">Analytics代码到页面,用户还可以选择永久保存这些喜好设置. 关于Google Analytics

JQuery 插件制作实践 xMarquee插件V1.0

JQuery 插件制作实践 xMarquee插件V1.0 1,向左或者右移动列表中的元素.(注,上下方向也一样的,用css教程控制列表元素float的方向即可-) 2,鼠标移动到某个元素上时,改元素突出显示(css控制),播放器停止滚动.移开后继续跑马.. 3,可选左右手工导航按钮.   实现原理 移动列表末尾元素到第一个元素前面即可. 将来的扩展(以后用到的话再看吧) 多个元素同时移动:移动时的效果:移动后的回调函数:(注:利用移动后的回调函数可以方便做一个相册插件,有兴趣的自己写下).做开发

Zebra_TransForm 2.0发布 很小的jQuery插件

Zebra_TransForm是一个很小的(仅仅3KB)jQuery插件:复选框,单选按钮,并选择框,而不会牺牲功能性与外观造型的元素保留其tabhttp://www.aliyun.com/zixun/aggregation/16666.html">Index命令,强烈的视觉反馈,可以使用键盘访问,并以同样的方式支持所有主要浏览器外观和行为.在IE6下性能降低. Zebra_TransForm 2.0更新日志: fixed a bug where the plugin was not up

Wolf Software jConsent 1.0.3发布 jQuery插件

Wolf Software jConsent 是一个处理2011/5/26 cookie law的jQuery插件.在使用非必要的cookies之前,它提供了一个不显眼的方法来获得用户同意. Wolf Software jConsent 1.0.3该版本修复了一个小错误. 软件信息:http://www.wolf-software.com/downloads/jquery-plugins/jconsent/ 下载地址: http://www.wolf-software.com/download.

jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享

  这篇文章主要介绍了jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码,非常的简单实用,效果也很棒,有需要的小伙伴可以参考下. 网页端 裁剪图片,不需要经过服务器. 这个是用 https://github.com/mailru/FileAPI 框架实现的.配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度. 核心代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

限制上传文件大小和格式的jQuery插件实例_jquery

本文实例讲述了限制上传文件大小和格式的jQuery插件.分享给大家供大家参考.具体分析如下: 在客户端上传文件,通常需要限制文件的尺寸和格式,最常用的做法是使用某款插件,一些成熟的插件的确界面好看,且功能强大,但美中不足的是:有时候会碰到浏览器兼容问题.本篇就来写一个"原生态"的jQuery插件,使之能限制上传文件的大小和格式. 首先,写一个名称为checkFileTypeAndSize.js的插件.通过判断当前文件的后缀名是否被包含在预先设置所允许的后缀名数组中,来限制文件格式:通过

Lazy Load 延迟加载图片的jQuery插件中文使用文档_jquery

什么是LazyLoad技术? 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互.尤其是对于高清晰的图片,占了几百K的空间.Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助

jquery插件整理篇(一)导航类jq插件,菜单jq插件

(1)Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. (2)jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. (3)jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件. (4)Accordion Menu script 基于jQuery开发的可折叠菜单.  (5)模仿ext的tab选项卡 TabPanel(选项卡组件) 参数