读书人

支持屡次调用 jq.contentShown 升级

发布时间: 2012-06-30 17:20:12 作者: rapoo

支持多次调用 jq.contentShown 升级,带最新最全的演示以及更多的说明(包含内容轮显示例)

功能介绍:

jquery contentShown 的前身是 jquery imageShown,新版的content shown 插件很多方法都被重写或者被合并,以提供更高的性能,
特别是在loop设置为true的状态下,性能提升较大。

同时提供多个接口供开发者外部使用,回调函数的执行逻辑更加合理,现在的回调函数执行时, 你可以通过插件提供的api来暂停正在进行的当前动画,
当回调函数执行完毕之后你需要重新启动动画的继续执行。 在这个暂停和重新开始之间,通过插件的返回值,你可以处理任意的自定义事件。

插件开发的初衷是用来展示图片性的内容,在编码的过程中,加入了对任意形式的html内容的处理, 你只要告诉插件你需要处理的是内容类型为 content,
那么所有传入的主要数据都会被当做html内容来处理。
这样就提供了非常灵活的使用方式。例如新闻信息的轮显,tab页的切换等,都非常容易能够展示出来。

主要数据data是json格式,为了考虑不知道如何书写正确json格式的设计师,以及为了更好的SEO,插件以扩展的形式提供了build功能,
即允许你将需要展示的数据按照固定的格式写入html页面中,然后由插件为你自动构建data数据,
你可以设置this.debug=true让插件输出构建的数据。文章结尾,我将为演示一个如何使用build功能构建热点新闻。


插件主页

内容轮显演示页面:点击这里

图片展示演示页面:点击这里

API,Callback参数说明 Data 以及 Build 格式说明请访问这里

版权声明:某些来源互联网的附加功能版权见文章尾部。

?

API,Callback参数说明 Data 以及 Build 格式说明请访问这里

金字塔扩展功能的说明:
原文: http://www.cnblogs.com/homeLu/archive/2011/01/24/1943090.html
原作者使用的是逆时针排序,
我经简单修改为顺时针排序以接受插件传出的参数,用来保证自动播放能够顺利进行。

已知问题,内容显示时转义html字符基本未作处理,恳请各位能够帮忙提供最佳的处理方式。

?

?

读书人网 >Web前端

热点推荐