Web 开发人员不能错过的 jQuery 教程和案例

简介:   jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能。这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuery 在网站实际效果实现中的应用,千万不要错过。

  jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能。这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuery 在网站实际效果实现中的应用,千万不要错过。

您可能感兴趣的相关文章

 

Timeline Portfolio

超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的个人简历。

源码下载      在线演示

 

Swatch Book with CSS3 and jQuery

基于 CSS3 & jQuery 实现的多彩的动画 Swatch Book 效果。

源码下载      在线演示

 

Making an Interactive Picture with jQuery

基于 jQuery 实现交互的图片效果,可以弹出层提示内容。对于介绍图片的某个部分很有用。

源码下载      在线演示

 

Animated Content Menu with jQuery

jquerytutorials

使用 jQuery 制作的光滑的动画内容菜单效果。示例使用的是一个餐馆的主题。

源码下载      在线演示

 

Create jQuery Pinterest Pin It Plugin

jquerytutorials

实现类似 Pinterest 的 Pin It 效果。其它例如图片收藏、分享的效果实现可以参考这个。

源码下载      在线演示

 

Flyout Image Slider Using jQuery & CSS3

jquerytutorials

使用 jQuery & CSS3 实现的图片滑块效果,带有很炫的图片翻转和动画效果。

源码下载      在线演示

 

Make a Google Powered Shopping Search Website

jquerytutorials

基于 Google Shopping Search API 打造一个简单的购物搜索网站。

源码下载      在线演示

 

Making a jQuery Countdown Timer

jquerytutorials

使用 jQuery 编写的一个简单的倒计时效果。在事件页面或者 Comming Soon 页面可以使用。

源码下载      在线演示

 

Sponsor Flip Wall With jQuery & CSS

jquerytutorials

使用 jQuery & CSS 编写的赞助商翻转墙效果,正面显示 LOGO,翻转后显示介绍和网址。

源码下载      在线演示

 

How to Create an Interactive Graph using CSS3 & jQuery

jquerytutorials

基于 jQuery & CSS3 编写的交互的图表效果,支持在线图和柱状图之间切换。

源码下载      在线演示

 

How to Create Accordion Menu (CSS3+jQuery)

jquerytutorials

基于 jQuery & CSS3 编写的平滑的手风琴菜单效果。

源码下载      在线演示

 

Shiny Knob Control with jQuery and CSS3

jquerytutorials

使用 jQuery & CSS3 制作闪亮的旋钮控制按钮效果。

源码下载      在线演示

 

An HTML5 Slideshow w/ Canvas & jQuery

jquerytutorials

基于 Canvas & jQuery 实现一个简单的 HTML5 幻灯片效果。

源码下载      在线演示

 

Portfolio Zoom Slider with jQuery

jquerytutorials

使用 jQuery 实现一个作品集缩放效果,类似与图片放大镜。

源码下载      在线演示

 

您可能感兴趣的相关文章

 

本文链接:Web 开发人员必看的20个 jQuery 教程和案例

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
7天前
|
JSON 前端开发 JavaScript
前端使用lottie-web,使用AE导出的JSON动画贴心教程
前端使用lottie-web,使用AE导出的JSON动画贴心教程
|
6天前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
|
6天前
|
JavaScript 前端开发 索引
jQuery学习教程,写更少的代码,做更多的事情(二)
jQuery学习教程,写更少的代码,做更多的事情(二)
|
6天前
|
XML 前端开发 JavaScript
jQuery与javascript的区别+案例 锋芒毕露
jQuery与javascript的区别+案例 锋芒毕露
|
7天前
|
JavaScript Java 测试技术
《手把手教你》系列技巧篇(四十六)-java+ selenium自动化测试-web页面定位toast-下篇(详解教程)
【5月更文挑战第10天】本文介绍了使用Java和Selenium进行Web自动化测试的实践,以安居客网站为例。最后,提到了在浏览器开发者工具中调试和观察页面元素的方法。
20 2
|
7天前
|
Web App开发 JavaScript 测试技术
《手把手教你》系列技巧篇(四十五)-java+ selenium自动化测试-web页面定位toast-上篇(详解教程)
【5月更文挑战第9天】本文介绍了在Appium中处理App自动化测试中遇到的Toast元素定位的方法。Toast在Web UI测试中也常见,通常作为轻量级反馈短暂显示。文章提供了两种定位Toast元素的技巧.
13 0
|
9天前
|
SQL 安全 数据处理
Web 测试神器:HackBar 保姆级教程
Web 测试神器:HackBar 保姆级教程
|
9天前
|
前端开发 JavaScript Python
使用Python读取本地行情csv文件,做出web网页画出K线图实现案例
【5月更文挑战第4天】使用Python绘制K线图的步骤:1) 安装pandas, matplotlib和Flask;2) 用pandas读取CSV文件并处理数据;3) 创建Flask应用,渲染包含K线图数据的HTML;4) 编写HTML,使用ECharts库绘制K线图。
28 0
|
9天前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
9天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?