jQuery AnythingSlider滑动效果插件_jquery
程序员文章站
2022-04-23 23:32:56
...
jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery 的特长是网页效果,因此,它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件,有些插件在本博客中已经有介绍,有些还没有,本文介绍的是:2009年度最佳 jQuery 插件—AnythingSlider【滑动】
滑动
在一个固定区域,循环显示几段内容,这种方式很像旧时的拉洋片,2009年,这种 Web 效果大行其道,jQuery 有大量与此有关的插件,以下插件无疑是最佳的。
由 CSS-Tricks 的 Chris Coyier 设计,功能齐全,应用十分广泛。
由于插件的官方CSS-Tricks是英文的,先大致翻译下插件的特点及使用方法。
特点:
1、滑动html内容(可以是任何内容)
2、箭头进行上、下一个幻灯片
3、导航标签的建立是动态添加的(任何数目的幻灯片)
4、可自定义导航功能
5、自动播放(可以选择开始、停止播放)
6、每个幻灯片都有tag(可以直接链接到待定的幻灯片)
7、无限、连续滑动(幻灯片总是在你要去的方向,即使在“最后”幻灯片)
8、自动播放暂停对悬停(选项)
9、从静态链接到特定的幻灯片文本链接
使用方法:
1、导入js文件(这个地球人都会)
2、JavaScript代码:
演示代码 http://demo.jb51.net/js/AnythingSlider/index.html
AnythingSlider.rar
滑动
在一个固定区域,循环显示几段内容,这种方式很像旧时的拉洋片,2009年,这种 Web 效果大行其道,jQuery 有大量与此有关的插件,以下插件无疑是最佳的。
由 CSS-Tricks 的 Chris Coyier 设计,功能齐全,应用十分广泛。
由于插件的官方CSS-Tricks是英文的,先大致翻译下插件的特点及使用方法。
特点:
1、滑动html内容(可以是任何内容)
2、箭头进行上、下一个幻灯片
3、导航标签的建立是动态添加的(任何数目的幻灯片)
4、可自定义导航功能
5、自动播放(可以选择开始、停止播放)
6、每个幻灯片都有tag(可以直接链接到待定的幻灯片)
7、无限、连续滑动(幻灯片总是在你要去的方向,即使在“最后”幻灯片)
8、自动播放暂停对悬停(选项)
9、从静态链接到特定的幻灯片文本链接
使用方法:
1、导入js文件(这个地球人都会)
2、JavaScript代码:
复制代码 代码如下:
演示代码 http://demo.jb51.net/js/AnythingSlider/index.html
AnythingSlider.rar
推荐阅读
-
jQuery插件jsonview展示json数据
-
jQuery插件Validation表单验证详解
-
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
-
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
-
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
-
jQuery插件zTree实现单独选中根节点中第一个节点示例
-
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
-
jQuery插件扩展操作入门示例
-
jQuery表单插件ajaxForm实例详解