登 录
经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。
前段时间为给大家介绍了内容滑动插件：hwSlider.js，它是兼容PC和移动端的，但是是基于jQuery的。有朋友最近给我说要求把Zepto版的也放出来，于是乎就整了个zepto版的内容滑动插件，它同样支持PC和移动端，可以滑屏和自适应屏幕大小。
当要在页面上有限的区域内展示很多内容时，我们通常采用TAB切换、滚动等方式来达到展示效果。本例中，我们利用jQuery和CSS可以使页面内容产生垂直滚动的效果，还支持鼠标滚轮驱动。
今天我们继续内容滑动切换效果的第二部分讲解。如今我们的web开发都要适应移动设备，就是说我们的web页面要在移动设备如手机端也能正常访问，所以我将第一部分的基本切换效果做了加强，增加了响应式和触控滑动效果。
在一些产品报价网站上，需要给出一系列价格范围供用户筛选，我们在筛选的范围之外再加一个自定义价格范围，这样为用户多提供了一种选择方式。本文将使用jQuery插件结合CSS实现使用滑块滑动的方式选择价格范围，请看本文讲解。
本例实现了一系列图片滚动的效果，适合用在需要展示图片库或合作伙伴友情链接图片之类的网站首页。可以控制图片滚动的速度、自动/手动滚动图片、支持鼠标悬停等。
Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。
大概在一个多月前，我写了一篇文章，大概介绍了jFlow内容滑动插件的应用，有朋友问我要求提供更多的样式参考。关于jFlow基本应用，大家可以参考前面我写的文章：jFlow：jQuery内容滑动特效插件的应用，本文是上篇文章的续集，主要介绍如何运用CSS样式来设计不同效果
jQuery可以制作出与Flash媲美的动画效果，这点绝对毋庸置疑，本文将通过实例演示一个基于鼠标滚轮驱动的图片切换效果。其中JS源码来自网络，我只做了略微的改动，现将实例与大家分享。
Choco-Slider是一个轻量级(大约7kb)，灵活的jQuery图片Slider插件。用户可以定制过渡动画效果，包括百叶窗翻动和淡入淡出效果，可以定义是否自动播放和播放间隔时间等参数。当然也是跨浏览器兼容的。
