`

jQuery–20个最新的jQuery效果.

阅读更多

1. Custom Animation Banner with jQuery

通过使用 jQuery Easing 和jQuery 2D Transform 插件,创建自定义animation banner。

View Demo (查看示例)

2. 快速反馈表 – jQuery & PHP
Martin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了jQuery, PHP 和 PHPMailer类。

View Demo (查看示例)

3. Wijmo – jQuery UI 组件
Wijmo是一个jQuery UI组件集,有超过30多个jQuery UI 组件;这将是一个CSS3,SVG,HTML5的混合物,目前还处于Beta阶段。
View Demo (查看示例)

4. 页面导航 – jQuery插件
这是一个页面上的导航插件,基于jQuery ScrollTo 插件,你可以在 Github 上查看更多介绍。
View Demo (查看示例)

5. RSS Reader With jQuery Mobile
Jeffrey Way 创建了一个简单的RSS reader,主要用于iphone和Andriod手机,通过PHP和jQuery mobile 实现。
View Demo (查看示例)

6. Easy Accordion – jQuery插件
The Easy Accordion插件可以生成一个类似手风琴样子的自定义列表。
View Demo (查看示例)

7. Lettering – jQuery Typography Plugin
Lettering是一个轻量级易于使用的网页排版插件,例如印刷CSS3的海报,自定义类型的标题等。
View Demo (查看示例)

8. Annotation Overlay Effect with jQuery
创建一个简单的叠加效应
View Demo (查看示例)

9. Snippet – jQuery Syntax Highlighter
Snippet是一个很酷的jQuery语法高亮插件,基于SHJS脚本,你可以在SourceForge上找到源码。
View Demo (查看示例)

10. Google Powered Site Search With jQuery

教你如何创建一个自定义的搜索引擎,只需要使用Google AJAX Search API,你可以搜索到您网站上的图片,视频和新闻等……

View Demo (查看示例)

11. 简单的工具提示 – jQuery & CSS
Soh Tanaka 创建一个简单的jQuery和CSS样式提示
View Demo (查看示例)

12. Compact News Previewer with jQuery
创建一个文章/新闻预览,以经凑的方式显示您最想的文章或新闻。预览工具将会显示一些关于文章更长的描述。
View Demo (查看示例)

13. Exposure jQuery插件
Exposure是一个图片预览插件,用于创建丰富,自定义的视觉体验。
View Demo (查看示例)

14. Giveaway Randomizer App – jQuery
它会教你如何去创建一个jQuery专用的随机数发生器。
View Demo (查看示例)

15. jQuery Smooth Tabs Plugin
jQuery Smooth Tabs是一个简单易于使用的插件,可以让你选择一些漂亮的效果来显示你的文字内容,带来更好的用户体验。
View Demo (查看示例)

16. TN34 Timetabs – jQuery Plugin
Mario Alves创建的一个tab容器的jQuery插件,可以选定不一样的样式来显示下一个tab。下载插件:HERE .
View Demo (查看示例)

17. Full Page Image Gallery with jQuery
创建一个效果惊人的滚动缩略图和滚动全屏预览的画廊。
View Demo (查看示例)

18. bgStretcher – jQuery Plugin
Background Stretcher可以让你在背景中添加一个或多个大尺寸的图片,并调整他们的大小来填满整个页面,多张图片时会以幻灯片的形式出现。
View Demo (查看示例)

19. SlideNote – jQuery插件(滑动通

SlideNote 是一个自定义,扩展性很强的jQuery插件,可以轻松的在网页或你的web应用上创建滑动通知。

View Demo (查看示例)

20. Easy List Splitter – jQuery插件

Easy List Splitter插件将获取到的list和wrap装入一个container div,生成相应的列表项,并且生成一个有效的HTML代码。

View Demo (查看示例)

分享到:
评论

相关推荐

    jQuery Slide Show – jQuery幻灯片效果

    制作jQuery幻灯片效果主要涉及以下几个步骤: 1. **引入jQuery库**:在HTML文件中,我们需要引入jQuery库的CDN链接或本地文件。例如: ```html <script src="https://code.jquery....

    jQuery下拉查询筛选插件Combo Select

    **jQuery下拉查询筛选插件Combo Select** 在Web开发中,为了提高用户体验,经常会使用到下拉选择框,特别是当选项列表很长时。jQuery库提供了一种强大的方式来增强原生HTML元素的功能,其中就包括了`Combo Select`...

    Ellipsis – Jquery Ellipsis Plugin

    jQuery Ellipsis插件的核心功能是实现文本的“省略号”效果。它通过CSS的`text-overflow`属性和`white-space`属性来实现文本的截断。通常,`text-overflow: ellipsis;`会添加省略号来隐藏超出容器宽度的文本,但是它...

    jQuery–桌面

    这个“jQuery–桌面”项目,结合了jQuery的功能,旨在创建桌面风格的Web应用程序界面。由于提供的描述信息有限,我们将基于jQuery的一般特性来探讨其在构建桌面应用中的作用。 首先,jQuery的核心优势在于它的选择...

    用于VIsual Studio 的jQuery教程

    3. 实现丰富的UI– jQuery可以实现比如渐变弹出,图层移动等动画效果,让我们获得更好的用户体验。 4. 纠正错误的脚本知识– jQuery提供了很多简便的方法帮助我们解决这些问题,一旦使用jQuery你就将纠正这些错误的...

    jQuery圆形进度百分比插件–circliful

    **jQuery圆形进度百分比插件 – circliful** 在网页设计和开发中,直观地展示数据和进度是非常重要的。jQuery的circliful插件提供了一种优雅的方式,以圆形图表的形式展示进度百分比或其他信息,这不仅使得界面更加...

    另外一款超棒的响应式布局jQuery插件 – Freetile.js

    这使得开发者无需编写复杂的CSS或JavaScript代码就能实现复杂的响应式布局效果。 在实际应用中,Freetile.js通常与HTML和CSS配合使用。首先,你需要在HTML结构中创建一个容器元素,然后将需要响应式布局的子元素放...

    40个实用的jquery用户界面ui设计技巧及教程.doc

    7. **Easy Accordion – jQuery Plugin**:这个插件可以将定义列表(DTs)转化为平滑的水平手风琴效果,适用于展示折叠内容,节省空间。 8. **Lettering – jQuery Typography Plugin**:Lettering.js允许你在不...

    shCircleLoader – jQuery Loading效果插件

    shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 ...

    jquery 年月日实现倒计时

    在这个示例中,我们定义了一个名为`countdown`的jQuery插件,接受一个目标日期作为参数。插件内部的`updateCountdown`函数负责计算并更新倒计时。当页面加载后,我们可以选择一个元素,如ID为`countdown`的元素,...

    jquery Masonry插件–瀑流式布局

    jQuery Masonry插件的核心功能是通过计算每一块元素(通常称为砖块或卡片)的高度和宽度,使其在页面上自动调整位置,以填充空白空间,达到最佳的视觉效果。这种布局方式的优点在于,无论屏幕尺寸如何变化,都能保持...

    30_个_jQuery_导航菜单插件和教程.doc

    ### 30个jQuery导航菜单插件和教程 在网页设计中,导航菜单的重要性不言而喻。它不仅是用户访问网站时的第一印象,更是引导用户浏览网站内容的关键路径。一个好的导航菜单应该具备清晰的结构、良好的用户体验以及...

    整理的40个有用的jQuery技术和教程

    13. **SimpleTooltip–jQuery&CSS**:通过这个教程,您将学习如何使用jQuery和简单的CSS样式创建工具提示。 14. **CodaPopupBubblesjQuery**:学会如何创建在目标对象上悬停时出现的光滑弹出气泡。 15. **...

    jquery 仿制苹果系统导航菜单

    基于jquery做的网页版仿苹果系统导航菜单,效果非常流畅 华丽 不解释。。。 用法: 在页面头部标签<head></head>中加入下面的代码 <script type="text/javascript" src="js/jquery.js"></script> ...

    实例代码详解jquery.slides.js

    Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。 用Slides插件,你可以随机播放幻灯...

    海量经典的jQuery插件集合

    以上介绍的jQuery插件涵盖了文件上传、表单验证、选取框、输入框、时间日期颜色选取、投票、搜索以及编辑器等多个方面。这些插件不仅能够帮助开发者快速实现所需功能,还能显著提升用户的使用体验。在实际开发过程中...

    适合移动手机的jQuery多级侧边栏菜单插件

    **jQuery库:** jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和Ajax交互,极大地提高了 web 开发效率。jQuery 的目标是使 web 开发更加简单,使得开发者能够用更少的代码完成更...

    jQuery倒计时插件FlipTimer特效代码

    总的来说,jQuery FlipTimer插件是一个强大的工具,它通过生动的翻页效果将倒计时转变为一种吸引用户的互动体验。理解其工作原理和使用方法,可以让你在网页设计中轻松实现这种独特的计时功能,提升网站的整体质量和...

    jQuery UI仿webqq桌面系统WebOS界面操作

    jQuery UI作为一个强大的前端框架,结合其丰富的组件和易用性,可以很好地实现这种效果。本篇文章将详细探讨如何使用jQuery UI来构建一个类似WebQQ桌面系统的WebOS界面。 首先,jQuery UI提供了多种可自定义的UI...

Global site tag (gtag.js) - Google Analytics