25 个新鲜和非常有用的 jQuery 插件

最新推荐文章于 2025-11-28 04:56:28 发布
最新推荐文章于 2025-11-28 04:56:28 发布 · 133 阅读 · 0
文章标签：

#javascript #php #ViewUI

本文精选了一系列前端开发中实用的插件，包括密码强度指示器、图像处理、响应式布局等，涵盖了从jQuery到CSS3的各种技术和应用实例。

虽然我们经常发布这样的内容，但是里面列举的插件并不完全相同，能不能找到一些你感兴趣的插件才是最重要的：）

创建漂亮的密码强度指示器


TypeButter


Growing Thumbnails Portfolio


blur.js


Timeline Portfolio


Websanova Paint


Making a Page Flip Magazine with turn.js


Nestable


Change Image on Click with jQuery


创建 Rolodex 风格的倒计时器


Notify!


构建一个 Email 邀请表单


Gips


响应式的水平布局


Adipoli


使用 jQuery 和 CSS3 创建日历


jQuery 开发的视察内容滑块


Hammer.js


创建文件上传表单（jQuery+PHP）


Slideshow with Jmpress


iPicture


Orman Clark’s 垂直导航菜单: CSS3 版本


Swatch Book with CSS3 and jQuery


The Wookmark jQuery plugin


How to Create a Slider Plugin with jQuery


iteye_8029
关注
基于Three.js的360度全景图片
小浩子的博客
04-05 9384
Three.js 是一款运行在浏览器中的 3D 引擎， 处理三维效果。在一些相机的官网首页中，经常有一张图在旋转，图上面悬浮着文字。这种效果是如何做出来的呢？先看效果，再讲解。1).建立一个java web 工程（或者其他工程）， 因为three.js 的全景图要通过服务端浏览（安全的考虑）2).在上面的结构中，只有css中的index.css是自定义的，其余css和js都属于three.js自带的
推荐几款非常棒的 jQuery 全景图片展示插件
小肖的专栏
07-11 2869
jquery.cyclotron.js 一款非常简单的 jQuery 全景图片展示插件，拖动鼠标即可进行全景浏览。 在线演示   源码下载   Panoramic Photo Viewer 移动鼠标即可进行平滑的全景浏览，这款插件还可以用于制作导航效果。 在线演示   源码下载   jQuery Spherical Panorama Viewer 这是一款立体全景展示插件
PrettyPhoto，一款基于Jquery的图片播放插件的使用
dailovemin的专栏
06-12 4189
PrettyPhoto是一款基于jquery的轻量级的lightbox图片浏览插件，它不仅支持图片播放 ， 而且还支持视频、flash、YouTuBe、Iframe及
jQuery全景图
碌人乘凉, 黎硕 --> Aerchi.com
02-01 151
在艰苦中成长成功之人，往往因为心理的暗影，会导致变态的误差。这种误差，便是对社会、对人们始终有一种仇视的敌意，不信赖任何一小我，更不合情任何一小我。爱钱如命的悭吝，还是心理变态上的次要现象。相反的，有器度、有见识的人，他固然从艰苦艰苦中成长，反而更具有同情心和激昂大方好义的胸肚量抱。因为他懂得人生，知道世情的甘苦。迩来斗劲闲，就把jQuery常识用xmind软件收拾了，画了一张全景图。共初...
jquery几款不错的插件
weixin_33989780的博客
11-16 157
1>弹出窗口插件： $.prompt --impromptu.4.o.min.js 例：$.etsuser --ets.User.js ,ets.hotelCity.js 2>列表插件 jTable --ETS.js 3>分页控件(适合各种样式html) paginate 例:MTSProduct\MTSProductList.aspx 4>下拉...
【JQuery】360水平环绕全景图代码
axer0811的专栏
01-08 2235
JQ插件名称：jquery.threesixty.js 官网及下载及说明地址：http://www.mathieusavard.info/threesixty/demo.html 调用方法：$("#mousemove").threesixty({ images:[arr of images], method: 'click', 'cycle': 1, direction: "backward"
jQuery实例：图片展示效果
diandi5157的博客
04-01 342
#photoshow{ border: solid 1px #c5e88e; overflow: hidden; /*图片超出DIV的部分不显示*/ width: 580px; height: 169px; background: #c5e88e; position: absolute; } .photo{ position: absolute; top: 0p...
30 个最棒的 jQuery 的拖放插件
懒人鱼
12-22 6657
jQuery 允许用户为任意 DOM 元素添加可拖放的功能，通过 jQuery 的拖放插件你可以轻松实现网页上任意元素的拖拽操作。在本文中我们向你推荐 30 个最棒的 jQuery 的拖放插件。 点击图片访问插件网站： 1. Dropper Dropper is a jQuery plugin for simple drag and drop uploads. 2. Fancy P
jQuery Panorama Viewer – 360度全景展示插件
weixin_34029680的博客
02-12 815
　　jQuery Panorama Viewer 这款插件可以帮助你在网站中嵌入全景图片。要做到这一点，首先只需要在页面中引入最新的 jQuery 库，以及 jquery.panorama_viewer.js 和 panorama_viewer.css 到页面中，然后给图片添加 CSS 类“panorama”。现代浏览器如 Chrome ，Firefox 和 Safari 以及在智能手机上都测试通...
15款优秀jQuery 图片展示插件（slideshow）整理
网站开发初中级代码参考-转载
08-10 466
关于jJQuery的插件有很多，图片展示的插件也有很多，往往在真正用到的时候在网上一搜一大把一大把的，但是就是找不到适合自己使用的，在这里我们这里了一些比较常用的、效果比较好的jQuery 图片展示插件（slideshow）与大家一起分享。 Nivo Slider – Image Slider 在线演示–详情 一个切换效果非常炫的图片展示插件。效果类似flash。 Smooth D...
jQuery实现的全景图效果 - 支持多种图片预览效果 (www.gbtags.com)
耀的专栏
02-26 1579
http://www.gbtags.com/gb/tag/usertag/690.htm    www.gbtags.com
jQuery3D全景效果展示插件
wyz316688的博客
08-15 1209
最近在研究商品的虚拟展示技术，我们项目中需要一个3D展示的功能，3D展示也就是把一个商品旋转360°来展示它的各个层面，网上Baidu+Google后，还真发现这种实现方式有很多，比如有Quicktime的，Flash的和JavaScript的。 分析后，发现它们各有优缺点，用Quicktime来实现，首先需要将全景图片制作成.mov格式的文件，而且客户浏览器必须安装Quicktime插...
分享10个jQuery的全景图片展示插件
weixin_34023863的博客
11-09 489
整合jQuery的全景图片展示插件，能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程，全景展示和滚动，无限的图片幻灯，希望大家喜欢！ 相关的插件：分享8个图片360度旋转展示的jQuery插件 1. 360° panoramic view plugin for jQuery 一个全景图由一系列图片经过软件合成的一个广视角效果。它给予访客一个身临其境的感受。 2. jQuer...
【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件
weixin_34080571的博客
11-12 153
　　之前的文章向大家分享了实现网站功能的各种插件，今天这篇文章向大家推荐7款精心挑选的 jQuery 全景图片展示插件，同时还有非常详细的制作教程可以参考。全景图片展示是一种非常有趣的技术，通过把多张图片合并在一起让你可以360度浏览。这种效果常用于旅游网站或者酒店网站，用于展示风景或者房间的内景。 您可能还喜欢 精心挑选的美轮美奂的 jQuery 图片特效插件 精心挑选的优秀jQu...
Jquery实现360图片导航效果
Discovery
09-21 603
*{margin:0;padding:0;} ul{list-style: none;} img{display: block; border:0;} .wrapper{width: 752px; border:1px solid #ccc; padding: 10px 0 0 10px; font-
20个非常棒的Jquery实用工具 [转]
爱码农爱生活
12-31 144
网站设计者往往会设计一些小的工具类（widgets）或者一些可复用的程序，从而使页面更楚楚动人，更吸引浏览者驻足。这里收集了20个常用Jquery工具类，这些小的工具可以帮助网站设计人员和站长非常容易地创建漂亮的站点。 1. Real Person jQuery Plugin 2. Search And Share 3. FancyPlayer – jQuery Fancybox an...
前端在移动端中的页面切换
最新发布
2509_93939582的博客
11-28 541
记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。
探索Aino Galleria jQuery插件的奥秘
1. **创建jQuery插件的基本结构**：通常，一个jQuery插件是通过在jQuery的命名空间中添加一个或多个方法来创建的。插件可以定义一个新的函数，该函数扩展了jQuery对象，允许你执行特定的任务。 2. **插件命名规范**...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值