文章关键字 ‘滑动’

jQuery图片文本滚动切换插件jCarousel中文翻译与详解

2009年12月25日,星期五

图片滚动切换显示插件
jCarousel是一款历史悠久,功能强大的图片或文字等列表内容滚动切换显示插件。可以自定义皮肤,可以自定义显示的方向,可以从外部控制每次切换显示的元素的个数,动画的时间等。可以切换任何形式的数据,静态的HTML,动态的文本数据,JavaScript数据,Ajax请求的XML数据,JSON,feed订阅数据等,都可以切换显示。优点真是很多。网上推荐这款插件的文章不少,但是真正好好研究这个插件的文章就很少。我从昨晚10点一直到现在,连续奋战10多个小时终于完成了这款插件的源文件讲解及全部demo为中文翻译。
在这篇文章里,您会看到中文翻译后的插件使用等详尽的介绍,提供一一对应的中文版demo页面,提供中文版的源文件下载。希望对您有所帮助。

阅读全文…

jQuery-innerfade内部列表自动淡入淡出插件

2009年12月21日,星期一

innerfade列表切换显示插件
这是一款用以处理列表元素显示的非常实用的插件。例如新闻内容的滚动显示,图片的幻灯片切换显示,所有与列表元素显示有关的内容都可以使用此插件,使用非常简单,方便。
本文简要讲述使用方法,提供demo页面,提供源文件打包下载,希望对您的学习有所帮助。

阅读全文…

jquery之图片左右切换动画效果

2009年08月31日,星期一

我很喜欢jQuery,因为我发现只要我对css的了解的足够深入,即使我JavaScript不是很在行,一样能做出些不错的动画效果。这里所要展示的是很常见的一种JavaScript特效,在很多地方可以见到,新浪音乐首页就有这种类似的效果。原理是一样的,具体实现可能有差异,如果纯粹的JavaScript写,我估计要整好一会儿,但是使用jQuery,实现这类动画效果就像是踩棉花一样——松松的。
在本实例中,具体描述这个效果就是,您单击上面的小图,下面的大图就会迅速切换到对应的大图,而这个来回移动的效果是很酷的。
提供实例效果演示页面,提供源文件打包下载,希望对您有所帮助。

阅读全文…