8为设计师神奇的jQuery教程

2008年3月29日,由chriscoyier · 7评论




滑出抽屉效果

抽屉

效果是俗称“手风琴”,它通常用于滑动,或向下的内容,揭露新块的块。 苹果网站是这种效果的示范动作,鼠标落户“一节”的标题和暴露相关链接。 是什么让这个效果特别凉爽,是抽屉保持一个固定的高度和禁区之间的幻灯片。

来访补习
查看演示

链能够过渡效果

链

现在让我们看看jQuery的chainability电源。 只是几行代码,我可以使框与缩放和衰落过渡周围飞行。

访问教程 (#6)
查看演示

jQuery的标签

制表符

Tab键有共同的地方现在已经有一段时间在互联网上。 今天,网站将没有不必重新加载的JavaScript此外页面中使用Tab键。 在本教程中,我创建了两个截屏演示如何快速申请了几许的jQuery的标记,不同的布局,如果标记是精心设计的,它会自动降低没有启用JavaScript很好。

来访补习
查看演示

创建一个可编辑的图

图表

在HTML中的数据可视化一直棘手的实现。 过去的解决方案都涉及非标准的插件,专有的行为,和静态图像。 但是,这种情况已经改变,在最近新的HTML Canvas元素,它提供了一个原生的绘图API,可以用简单的JavaScript处理支持增长。

来访补习
查看演示

使用jQuery轻松实现多选择转移

转移

我相信,在某些时候或其他,你遇到类似下面的形式构件,允许从一个多选择到另一个交易选项。

来访补习
现场演示内部教程

jQuery的哈弗分标签云

标签云

标签云时,使用得当,它们可以提供访客与网站的内容主要议题的即时插图。 虽然我们没有那么多的选择,在设计这些,我们仍然可以找到我们的方式来与新的设计方法和解决方案。 这里是一种新的方法:使用jQuery,以减少您在您的网站上的标签云的大小。

来访补习
查看演示

滑块廊

滑块

这“产品滑块”是类似于一个直线前进的画廊,除了有一个滑块导航项目,即该位用户控件来查看项目。 简单的东西。 已经有jQuery的插件来创建这些影响,所以我们不必去从头开始创建他们自己。

来访补习
查看演示

新闻速递

股票

LiScroll是一个jQuery插件,转换任何给定的无序进入滚动新闻速递列表。

来访补习
现场演示内部教程

评论

“8为设计师神奇的jQuery教程”
  1. 安西娅- http://antheawhittle.com 说:

    哦多么完美!
    我刚开始学习jQuery和现在有一些实践。
    谢谢!

  2. 欢迎来到天堂- http://lakeside.com.np/ 说:

    这是jQuery的并发症只是真棒。 感谢这一点。 它不可能变得更好。 的欢呼声。

  3. Fensterfolien - http://www.gladefo.de 说:

    伟大的工作! 非常好的教程... ...我爱他们!
    有一个不错的一天

  4. SEB - 说:

    两个子标签云演示和手风琴演示得到打破,如果您在浏览器中增加您的字体大小。 登录不良的HTML / CSS代码。
    也许你应该担心的HTML和CSS之前担心看中的JavaScript。
    选项​​卡效果可以很容易地与JS几行,没有jQuery的。

  5. 阿德里安德米安- http://www.firmawebdesign.com 说:

    尼斯后... ...保持良好的工作

  6. 泽- http://www.mavirize.com 说:

    哦多么完美!
    我刚开始学习jQuery和现在有一些实践。
    谢谢!

  7. 丹尼尔- 说:

    可编辑的图表是伟大的,但我不能使用jQuery的1.2.2或1.2.3,它只能使用1.2.1版。

    丹尼尔

教程博客