`
ihuashao
  • 浏览: 4745259 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

20个超级酷和最实用的jQuery实例

jQueryAjaxJavaScriptCSSFlash 
阅读更多

20个超级酷和最实用的jQuery实例
费话不多说了，直接看图片

  • James Padolsey Color Switcher

    Screenshot 1

    点击右上角的颜色方块，可以换配色。

    Visit Site

  • Dragon Interactives jQuery Navigation

    Screenshot 1

    定制了jQuery的浏览菜单，把鼠标移到上面，渐变非常漂亮。

    Visit Site

  • FamSpams FaceBox

    Screenshot 2

    定制jQuery中FaceBox提供效果很酷的lightbox，FaceBox现在已经是一个jQuery的插件。

    Visit Site

  • Grooveshark Widget Creator

    Screenshot 3

    没有提供一个常见的flash菜单，而是通过jQuery提供了定制菜单，让你能够拥有自己的music widgets， 很棒.

    Visit Site

  • CSS-Tricks Fade-In Navigation

    Screenshot 4

    又一个渐变菜单效果.

    Visit Site

  • David Walsh Link Nudge

    Screenshot 5

    移动菜单栏，效果很漂亮.

    Visit Site

  • CarrotCreative-Custom Sites Lightbox

    Screenshot 6

    无与伦比的jQuery效果，点击顶部菜单，整个页面滑动切换，很酷，google的10周年页面也是这种效果。

    Visit Site

  • BrightCreative Portfolio

    Screenshot 7

    又一个渐变菜单，完全无需每次更新页面。- thanks to AJAX and jQuery.

    Visit Site

  • Incredible Login Form

    Screenshot 1

    登录页面也能做的这么酷

    Visit Site

  • Featured Fade Effect by DesignFlavr

    Screenshot 9

    渐进渐出效果很酷

    Visit Site

  • Hv-Designs Fade In RSS Icon

    Screenshot 11

    RSS图标效果

    Visit Site

  • Asylums Custom Scroller

    Screenshot 12

    滚动效果

    Visit Site

  • 5 Javascript Tricks Made Easy with jQuery

    Screenshot 14

    5个有用的效果介绍

    Visit Site

  • Codas Entire Website

    Screenshot 15

    顶部tab效果很酷

    Visit Site

  • Clark Lab Fading Effect

    Screenshot 16

    渐变效果

    Visit Site

  • Rob Young | E is for Effort

    Screenshot 17

    滚动效果

    Visit Site

  • Web Designer Wall

    Screenshot 18

    悬停效果

    Visit Site

  • Junaid W. Hanif

    Screenshot 19

    tab效果

    Visit Site

  • KomodoMedia

    Screenshot 19

    移动右侧中部的滑条，能够动态改变页面所有叶子装饰的多少，挺酷。

    Visit Site

分享到：
| 要为这个叫好：孝子联盟抵制虚假广告，维护 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    超级酷和最实用的jQuery实例收集(20个)

    本文将围绕标题"超级酷和最实用的jQuery实例收集(20个)"，深入解析这些实例中所展示的jQuery技术点。 1. **James Padolsey Color Switcher**：这个实例展示了如何利用jQuery实现颜色方案的切换，这通常涉及到DOM...

    jQuery实例视频教程

    教程名称：jQuery实例视频教程课程目录：【】jQuery实例-商城放大镜效果【】jQuery实例-图片放大效果【】jQuery实例-图片转动立体效果【】jQuery实例-对联广告【】jQuery实例-返回顶部(解决IE6固定定位)【】jQuery...

    近百个jQuery实例

    参照《jQuery完全攻略》亲自手打并测试的100多个实例（部分实例来自网络如消息框、tooltip、面包屑式菜单、层级菜单以及一些jQuery插件的用法）。 主要分为： jQuery操作DOM节点、数组和字符串 jQuery表单验证 ...

    50个经典jquery实例

    这个“50个经典jQuery实例”压缩包显然包含了一系列精心挑选的示例，旨在帮助初学者快速掌握jQuery的核心功能和常用技巧。下面，我们将详细探讨这些实例可能涵盖的知识点，并解释它们在实际开发中的应用。 1. **...

    jquery实例大全

    这个“jQuery实例大全”集合了众多实用的jQuery特效和功能，旨在帮助开发者快速理解和应用jQuery。 ### jQuery库 在jQuery库文件中，包含了核心的jQuery.js或jQuery.min.js，这是所有jQuery功能的基础。这个库提供...

    锋利的jQuery实例

    《锋利的jQuery实例》是人民邮电出版社出版的一本深入浅出的jQuery教程，它以其丰富的实践案例，详尽地介绍了jQuery库的使用方法和技巧。jQuery是一个广泛应用于Web开发的JavaScript库，其核心特性在于它的轻量级...

    jQuery实例大全

    这个实例展示了如何利用jQuery来创建一个可交互的登录框。通过jQuery的选择器定位到HTML元素，然后使用`.show()`和`.hide()`方法实现登录框的显示与隐藏，这使得用户界面更加动态且响应迅速。同时，结合事件监听，如...

    jQuery实例_ ToolTip的实现

    本实例将深入探讨如何使用jQuery实现一个实用的Tooltip功能。Tooltip是一种常见且有用的UI元素，它可以在用户鼠标悬停在某个元素上时显示额外的信息。 首先，让我们了解一下jQuery的核心概念。jQuery通过选择器来...

    锋利的JQUERY实例源码

    每个实例都是一次实践的机会，通过分析和运行这些代码，我们可以更好地理解jQuery的工作原理，从而在项目中更高效地使用它。同时，这些实例也鼓励我们去探索和创新，因为jQuery的强大在于它的灵活性和可扩展性。

    jQuery特效和实例集合

    这个名为"jQuery特效和实例集合"的压缩包，包含了50多个精心设计的jQuery特效以及50个JS实例，为学习者提供了丰富的实践素材。接下来，我们将深入探讨这些知识点，领略jQuery的魅力。 一、jQuery基础 jQuery的核心...

    JQuery实例教程

    本教程旨在通过一系列实例，帮助你深入理解和掌握jQuery的核心概念与实用技巧。 ### 1. jQuery基础 - **选择器**：jQuery 提供了丰富的选择器，如 ID 选择器（#id）、类选择器（.class）和元素选择器（tagname），...

    Jquery实例下载

    通过这个jQuery实例下载资源，您可以深入学习和实践以上各个知识点，逐步提升jQuery技能，解决实际开发中的各种挑战。无论你是初学者还是有一定经验的开发者，这份资源都将对你的技能提升大有裨益。

    jQuery Book jquery实例

    《jQuery Book》是一本专注于jQuery库的实践指南，旨在...综上所述，《jQuery Book》是一本全面而实用的教程，无论你是初学者还是经验丰富的开发者，都能从中受益匪浅，通过实例学习和掌握jQuery的各种技巧和最佳实践。

    Jquery实例经典1

    Jquery实例经典1Jquery实例经典1

    Jquery实例(图片预览)

    这个“Jquery实例(图片预览)”着重探讨的是如何利用jQuery来实现图片预览功能，这在网页设计中是常见的需求，比如在用户上传图片前进行预览，或者在鼠标悬停在图片链接上时显示大图。 首先，我们需要理解jQuery的...

    jQuery实例（菜单、滚动、层隐藏等）

    本文将详细解析"jQuery实例（菜单、滚动、层隐藏等）"的相关知识点，帮助你深入理解并应用这些功能。 首先，我们来看菜单的实现。在网页设计中，菜单是用户导航的重要组成部分。jQuery提供了方便的方法来创建动态和...

    50个JQuery实例

    这个压缩包包含50个精心挑选的jQuery实例，旨在帮助开发者快速掌握并应用jQuery的核心功能。以下是一些关键知识点的详细说明：** 1. **选择器（Selectors）** - jQuery 提供了丰富的选择器来选取DOM元素，如 ID ...

    jquery实例演示及动态效果

    **jQuery 实例演示及动态效果** jQuery 是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。在"jQuery实例演示及动态效果"中，我们可以找到一系列示例，涵盖了多种jQuery的...

    50个jquery实例

    本资源“50个jQuery实例”旨在提供一系列实际的代码示例，帮助开发者快速掌握并应用jQuery的核心功能。** 1. **选择器**: jQuery 提供了一系列高效的选择器，如 `$("#id")` 用于选取ID，`$(".class")` 用于选取类名...

    jquery实例+锋利的jquery+api

    在jQuery实例部分，你将学习到如何利用jQuery实现各种实用的功能，比如： 1. **DOM操作**：jQuery提供了一套简洁的API来选择、添加、删除和修改HTML元素。例如，`$(selector).html()`可以用于设置或获取元素的HTML...

Magicbox
Global site tag (gtag.js) - Google Analytics