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

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

阅读更多

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")` 用于选取类名...

Global site tag (gtag.js) - Google Analytics