图片幻灯插件-有你所有想要的前端插件

第101款插件：floatingAd.js 漂浮广告

 4周前 (03-11)  213浏览

一：插件简介 近期，做到一个项目，用到了图片浮动，而且还带着关闭按钮。按理说，这个用JS挺好做。但既然对jquery如此钟爱，所以临时百度了一下，找到了一款好用的插件。 这款插件的名称就是floatingAd.js，下载时它用到的是jquery1....

第100款插件：multiupload.js在html5下上传多图片插件

 1年前 (2015-01-17)  1816浏览

一：插件简介 上传多图片，其实在PHP中是非常复杂的一个部分。很多时候，我们都不注重这一方面，但研究好它对于我们提高知识，是非常必要的！对于个人而言，学习PHP有这么多年了，对这方面还是一知半解的。 然而，我们有一般有如下几个...

第98款插件：jqthumb.js缩略图插件-让缩略图正常显示而不变形

 2年前 (2014-08-30)  5460浏览

一、插件介绍 项目中有图片的时候，有的宽大于高，有的宽小于高，尤其在做图片列表的时候，经常发现缩略图会有变形的。我们怎样来解决这一问题呢。 方法一：用photoshop来处理缩略图。小的项目还可以，大的项目，这样做难免会累的半死； ...

第97款插件：jquery.ipicture.js在地图上做标记并可以用图文及链接展示

 2年前 (2014-08-28)  2689浏览

一、插件介绍 昨天朋友给我打了一个电话，说是想要在一个图片的地图上做标记。我一下想到了这一个插件，本人以前是碰到过这个插件，但是觉得也没什么用处，于是也没有收录。后来好好想一想，其实它的用下蛮大的。我想了一下有以下几个用处： 1、给企...

第96款插件：jquery-fullpage-js制作页全屏滚动插件

 2年前 (2014-08-25)  4092浏览

一、插件介绍 如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面，QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显...

第95款插件：wodry.js是一个简单的文本翻转/文本旋转插件

 2年前 (2014-08-24)  1176浏览

一、插件介绍 Wodry.js 是一个简单的文本翻转/文本旋转jQuery插件。 Wodry.js有一些参数设置，允许你设置动画，如文本翻转和文本旋转，可以设置自己的回调内容翻转等。 二、插件图片示例 ...

第88款插件：layer.js 贤心制作的弹出层插件-不仅仅是弹层

 2年前 (2014-06-22)  2606浏览

一、插件介绍 layer遵循于LGPL开源协议，她是一枚可以让你想到即可做到的web弹窗/层js组件。layer侧重于用户灵活的自定义，为不同人的使用习惯提供全方位设计，您的页面会因此拥有更丰富、友好的操作体验，而您只需在调...

第83款插件（二）：jquery.quickflip.js带参数效果

 2年前 (2014-06-01)  1395浏览

一、功能描述 详情请学习《第83款插件（一）：jquery.quickflip.js制作翻转翻牌特效插件最简使用》。 这里面我们将用到所有的quickflip.js的插件来制作一个DEMO，用于展示各种效果。 二...

第83款插件（一）：jquery.quickflip.js制作翻转翻牌特效插件

 2年前 (2014-05-29)  7683浏览

一、插件介绍 Jquery.quickflip.js是一款非常经典的翻转翻牌的特效插件，它可以在有效的DIV上展示更多的内容。当我们用鼠标单击，或者用鼠标滑过时，也可以水平翻转、垂直翻转，还可以像翻牌一样来切换内容。当然，如果你水平...

第80款插件(一)：jquery.PicSlide.js制作带有缩略图TAB箭头标签幻灯片和最简教程

 2年前 (2014-04-14)  1635浏览

一、插件介绍 幻灯片切换的时候，往往形式多种多样，鼠标移上去显示大图，而且显示图片的介绍，这是一款非常好的插件。如图： 二、插件作者及下载 插件作者及官网：很抱歉没有在各方面的资料中找到这款插件的介绍。 插件下载...

第79款插件(一)：jquery.imagezoom.js制作鼠标悬停图片放大镜特效、参数和最简教程

 2年前 (2014-04-13)  6402浏览

整理作者：杨红伟  网名：子弹兄   QQ：403236160   如发现本站有任何功能上的问题，请联系作者，谢谢！ 一、插件介绍 今天在用到放大镜效果的时候，突然发现网站里没有放大镜的插件。于是总结了一...

第78款插件(三)：jquery.masonry.js实现瀑布流鼠标移上去有“踩“和”收藏“

 2年前 (2014-04-13)  1774浏览

整理作者：杨红伟  网名：子弹兄   QQ：403236160   如发现本站有任何功能上的问题，请联系作者，谢谢！ 一、序言 往往在项目上做的，需要在简单的基础上进行深加工！我们来看一下这一章《第78款插件...

第78款插件(二)：jquery.masonry.js实现瀑布流最简使用教程

 2年前 (2014-04-13)  992浏览

整理作者：杨红伟  网名：子弹兄   QQ：403236160   如发现本站有任何功能上的问题，请联系作者，谢谢！ 一、序言 我们在《第78款插件(一)：jquery.masonry.js实现瀑布流及参...

第78款插件(一)：jquery.masonry.js实现瀑布流及参数设置和官方案例

 2年前 (2014-04-13)  2456浏览

整理作者：杨红伟  网名：子弹兄   QQ：403236160   如发现本站有任何功能上的问题，请联系作者，谢谢！ 一、插件介绍 jQuery Masonry是一个构建瀑布流布局的一个jQuery插件，...

第75款插件：jquery.SuperSlide.js只需要调用一个插件就能实现网页大部分特效

 2年前 (2014-03-05)  4233浏览

一、插件介绍 本来想在这篇文章，大篇幅的描述一下这个插件，看到作者官方写的这个文档，顿时无语了，作者写的太详细了。我这里只把他的DEMO的官网介绍一下就OK了。有时间好好研究一下这个插件吧。内容太多了，慢慢研究吧。向“大话主席”写的...

第73款插件：jquery.nivo.slider.js制作切换特效带有标题幻灯片

 2年前 (2014-02-28)  4062浏览

一、插件介绍 老杨我早就看过这个插件，只不过一直没有时间研究。今天彻底研究了一番，看了国内外关于这些方面的说法。总结如下： jquery.nivo.slider.js是由团队dev7studios工作室开发，该工作室以制作WordPr...

第72款插件：jquery-powerFloat.js万能浮动层下拉层插件

 2年前 (2014-02-09)  3107浏览

一、插件介绍 注意，插件名为jquery-powerFloat.js。不是jquery.powerFloat.js。作者说：在使用combo合并脚本的时候会出问题，于是，现在使用”-”连接名称了。 powerFloat顾名思意就是“强大的浮动”。使用...

第62款插件：jquery.imgTxtCut.js制作图片与文字切换特效

 2年前 (2014-02-05)  1053浏览

描述：有时候我们想让鼠标移到图片上显示全部的整张图上面的文字效果，这款插件可以圆我们一个梦想，很干净，很实用！ 图片： 兼容浏览器：IE6+/Firefox/Google Chrome 官方链接：暂无JS下载：http://www.ijquery....

第61款插件：jquery.floatDiv.js让你的DIV固定在页面上

 2年前 (2014-02-05)  2624浏览

一、插件介绍 在我们平常浏览网站的时候，我们会发现一些大型网站的导航不管页面多长，滚动条怎么移动它都会保持在原来的位置上。高端的设计师都会使用这种效果，因为它可以增加网站的用户体验。一些网站利用这种特效做了固定分享功能和联系方式功能等等...

第60款插件：jquery.lazyload.js图片延迟加载

 2年前 (2014-02-05)  14424浏览

一、插件介绍 jquery.lazyload.js 是一个用 JavaScript 编写的jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置.这与图片预加载的处理方...

第47款插件：jquery.banner.js用JQuery来制作Flash或者GIF效果的广告过渡

 2年前 (2014-02-05)  1235浏览

描述：jquery广告横幅插件制作类似flash或者gif动画广告可以自定义横幅通栏大小。 图片展示： 兼容浏览器：IE6+/Firefox/Google Chrome 官方链接：无 JS下载：http://www.ijquery.cn/js/jq...

第45款插件：waterfall.js瀑布流布局单排图片自动滚动

 2年前 (2014-02-05)  1534浏览

描述：jquery仿堆糖网瀑布流图片布局，设置单排图片上下对齐图片自动上下交替滚动效果。单排图片按左右顺序上下图片自动滚动。 图片展示： 兼容浏览器：IE6+/Firefox/Google Chrome 官方链接：无 JS下载：http://www...

第40款插件2：jquery.qrcode.js生成二维条形码(经修改支持中文)

 2年前 (2014-02-05)  3417浏览

首先感谢 suflow 的这篇博客 http://suflow.iteye.com/blog/1687396 描述：jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ，使用它可以很方便的在页面上生成二...

第40款插件1：jquery.qrcode.js生成二维条形码(官方不支持中文)

 2年前 (2014-02-05)  2060浏览

支持中文的在下一讲：《第40款插件2：jquery.qrcode.js生成二维条形码(经修改支持中文)》 描述：jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ，使用它可以很方便的在页面上生成二维条...

第39款插件：jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件

 2年前 (2014-02-05)  10675浏览

一、插件介绍 FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。FlexSlider对于网站开发者来说是一个不错测JQUERY特效，因为支持全浏览器深受中国网站前端开发者的喜爱！ 二...

第38款插件：turn.js实现翻书效果

 2年前 (2014-02-05)  2667浏览

描述：Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果，支持触摸屏设备。 Turn.js 支持硬件加速来让翻页效果更加平滑。 可通过 API 来获取当前显示的页号，并提供选项来定制默认页号、加...

第36款插件：jquery.KinSlideshow-1.2.1.min.js自定义切换参数效果

 2年前 (2014-02-05)  7041浏览

描述：jquery.KinSlideshow-1.2.1.min.js自定义切换参数效果，兼容IE6/IE7 /IE8/IE9,FireFox,Chrome*,Opera的jQuery. KinSlideshow幻灯片插件，功能很多，有三种不同的...

第35款插件：jquery.lightbox.js经典的弹出层插件(参数说明已经翻译成中文)

 2年前 (2014-02-05)  2048浏览

描述：jquery.lightbox-0.5.jsLightbox 应该是最流行的图片浏览效果了，常具有功能包括：自动根据窗口的大小缩放图片，模式窗口，幻灯片方式播放，内容预加载，渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片...

第34款插件：jquery.slider.js可以有暂停等多种功能的图片轮播

 2年前 (2014-02-05)  2112浏览

描述：jquery.slider.js可以有暂停等多种功能的图片轮播，也有多种渐变效果，非常漂亮！如果你用多了，一定会爱上它的！建议读者们一定要好好看看它的参数说明！ 图片展示： 官方网址：暂无！ 兼容浏览器：IE6+/Fire...

第33款插件：jcSlider.js图片下边有小按钮的轮换图片

 2年前 (2014-02-05)  1296浏览

描述：jcSlider.js可以制作图片下边有小按钮的轮换图片，而且也有很多参数，对于有小按钮的图片轮换，是非常不错的，支持自动播放，左右图片按钮是否显示，总之是非常好的！ 预览： http://www.ijquery.cn/demo/jcSlide...

第32款插件：zoomer.js鼠标经过图像放大的特效

 2年前 (2014-02-05)  1688浏览

描述：zoomer.js是一款基于Jquery的仿照flash放大图片效果代码 图片展示： 官方网址：暂无 兼容浏览器：IE6+/Firefox/Chrome JS下载：http://www.ijquery.cn/js/zoomer/zoomer....

第30款插件：captify.tiny.js 只需三步即可实现鼠标滑到图片上显示文字

 2年前 (2014-02-05)  1059浏览

描述：captify.tiny.js鼠标滑到图片上显示文字，而且也支持很多效果。请用参数就可以看到！ 图片展示： 兼容浏览器：IE6+/Firefox/Google Chrome 官方链接：http://iwantaneff.in/repo/plu...

第29款插件：jquery.pngFix.js对IE6的PNG图片处理插件

 2年前 (2014-02-05)  1956浏览

描述：jquery.pngFix.js 基于jQuery为核心的，兼容IE5.5及以上版本浏览器的PNG透明插件，细心的朋友会发现，在IE5.5与IE6.0中，PNG会显示灰色的背景， 而不是透明的背景，有些人误认为是PNG图像的问题，在图像软件...

第26款插件：jcarousellite.js 基于Jquery的无缝“垂直滚动”图片插件

 2年前 (2014-02-05)  1174浏览

描述：jcarousellite.js 是一款基于Jquery的无缝“垂直滚动”图片插件，可以水平，也可以纵向，在这里讲一下“垂直方向”的方法，在上一篇说说的是水平方向。 需要说明一下：垂直和水平的区别在于： 1.CSS的宽度不同 2.参数多了一个v...

第26款插件：jcarousellite.js 基于Jquery的无缝“水平滚动”图片插件

 2年前 (2014-02-05)  3273浏览

一：插件介绍 描述：jcarousellite.js 是一款基于Jquery的无缝“水平滚动”图片插件，可以水平，也可以纵向，在这里先讲一下“水平方向”的方法。 图片展示： 注意：这个必须用到jquery-1.4.2.min...

第20款插件：zoomi.js 图片绽放特效插件(单击图片变大再单击回到原形的使用方法)

 2年前 (2014-02-05)  851浏览

描述：当“鼠标放置在图片上时”或“者单击图片时”自动显示扩大的图片，使用其基本功能时不需要任何额外的javascript代码。 这篇教程指的是单击图片放大，再单击又回到原型的使用方法！ 兼容浏览器：IE6-9/Firefox/Google Chrom...

第20款插件：zoomi.js 图片绽放特效插件(连续几张图片的使用方法)

 2年前 (2014-02-05)  868浏览

描述：当“鼠标放置在图片上时”或“者单击图片时”自动显示扩大的图片，使用其基本功能时不需要任何额外的javascript代码。 这篇教程指的是连续几张图片的使用方法！ 兼容浏览器：IE6-9/Firefox/Google Chrome 官方链接： h...

第20款插件：zoomi.js 图片绽放特效插件(只有一个大图的使用方法)

 2年前 (2014-02-05)  649浏览

描述：当“鼠标放置在图片上时”或“者单击图片时”自动显示扩大的图片，使用其基本功能时不需要任何额外的javascript代码。 这篇教程指的是只有一个大图的使用方法！ 兼容浏览器：IE6-9/Firefox/Google Chrome 官方链接： h...

第17款插件：supersized.js 在浏览器中全屏显示图片插件

 2年前 (2014-02-05)  1682浏览

描述：Supersized 是一款功能强大的图片切换插件，支持等比例缩放图片填充成全屏效果，支持滑动和淡入淡出等多种动画切换效果。 兼容浏览器：IE6-9/Firefox/Google chrome 官方链接：http://buildinternet...

第16款插件：spacegallery.js从远而近的缩放效果插件

 2年前 (2014-02-04)  804浏览

描述：从远而近的缩放效果插件 兼容浏览器：IE6/IE7/IE8/IE9/Firefox/Google chrome 官方链接： http://www.eyecon.ro/spacegallery/ JS下载： http://www.ijquery....

第15款插件：piroBox.js图片橱窗效果插件

 2年前 (2014-02-04)  1543浏览

描述：采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。 兼容浏览器：IE所有浏览器/Firefox/Google Chrome 官方链接： http://ww...

第10款插件：jquery.jqzoom.js放大镜效果插件

 2年前 (2014-02-04)  2199浏览

描述：将鼠标放置在图片的某一点上时可以在右侧单独显示此点附近放大的图像，用于需要局部放大功能的场合。 兼容浏览器：IE所有浏览器/Firefox/Google Chrome 官方链接： http://www.mind-projects.it/proj...