8为设计师神奇的jQuery教程
2008年3月29日,由chriscoyier · 7评论
滑出抽屉效果

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

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

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

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

我相信,在某些时候或其他,你遇到类似下面的形式构件,允许从一个多选择到另一个交易选项。
来访补习
现场演示内部教程
jQuery的哈弗分标签云

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

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

LiScroll是一个jQuery插件,转换任何给定的无序进入滚动新闻速递列表。
来访补习
现场演示内部教程










哦多么完美!
我刚开始学习jQuery和现在有一些实践。
谢谢!
这是jQuery的并发症只是真棒。 感谢这一点。 它不可能变得更好。 的欢呼声。
伟大的工作! 非常好的教程... ...我爱他们!
有一个不错的一天
两个子标签云演示和手风琴演示得到打破,如果您在浏览器中增加您的字体大小。 登录不良的HTML / CSS代码。
也许你应该担心的HTML和CSS之前担心看中的JavaScript。
选项卡效果可以很容易地与JS几行,没有jQuery的。
尼斯后... ...保持良好的工作
哦多么完美!
我刚开始学习jQuery和现在有一些实践。
谢谢!
可编辑的图表是伟大的,但我不能使用jQuery的1.2.2或1.2.3,它只能使用1.2.1版。
丹尼尔