jQuery插件支持同一页面被多次调用(jquery.js插件)

编辑：rootadmin

推荐整理分享jQuery插件支持同一页面被多次调用(jquery.js插件)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:简单的jquery插件实例,jquery插件的使用方法,jquery的插件,jquery插件的使用方法,jquery插件库有哪些,jquery插件库有哪些,jquery的插件,jquery插件是干什么的,内容如对您有帮助，希望把文章链接给更多的朋友！

更新 1.2版本删除回调函数的控制台输出调试，因为在IE6下没有控制台会造成插件出错，完成build功能。提示信息按钮支持多个，此版本为最新的稳定版。

近期将会提供更加详细的data书写格式说明，build时html格式说明，详细的options参数说明。补充内容类型的切换展示案例。

Introduction:

jquery imageShown 插件可以完成多种形式的内容轮显切换，所有我提供的Demo中虽然都是导航带动的轮显图片，但是它还能完成内容的切换，即可以完成Tab功能，单纯的图片轮显功能，新闻信息的轮显。也就是说这个插件在使用合理参数的配合下可以显示任何形式的内容。

此插件可以在上下左右四个方向上显示导航，背景滑动动画可以独立设置，播放区域动画可以独立设置，每次进入显示区域导航数量可以独立设置，如果设置错误或者设置不合理会被插件内部重置。提示信息是否显示，以及显示动画可以独立设置。具体请参考Demo相关内容。

注：在使用Tab功能时需要设置 pContent为 content 并且由于由于显示区域已经被固定大小，所以针对未知大小的内容请在callback函数中处理。

插件内部已经对请求的资源是否存在做了判断，例如出现错误你可以直接显示参数中你提供默认显示信息，同时你也可以在callback函数中对这个错误区域进行处理。callback函数你可以接收回传的参数。

回传参数的说明：

下一步开发计划：

当你不愿意或者不会使用data参数时，你可以讲需要显示的内容按照固定格式写入html页面，然后使用 build命令由插件自行完成余下内容

例如：

提供外部暂停和重启自动播放的接口，方便你能够在回调函数中进行使用。提供更多的说明和示例。

默认参数：

id: null, navSpace: , pWidth: 0 , pHeight:0 , navNum: 4, navPlace: null, autoPlay: true, autoTime: , events: 'mouseenter', tbgAnimate: true, tbgSpeed: 'fast', addtional:false, step: 1, scrollSpeed:'fast', opacity:0.6, data: null, loop: true, player: true, animate: 'fade',//left,right,top,bottom,fade,none //deepNav: false, showTips: true, tipsAnimate: 'fade',//fade,slide selected: 1, callback: null, preload: true, target: '_blank', pSpeed:, pType: false, tContent:'image',//num,none,image,content listPlace:null, tipsBtn:false, loadClass: 'img-player-loading', pContent:'image'

使用方法：

setter:

getter

在build功能完成之后将提供更加相信的参数以及配置的说明。

同时buid将会以扩展的形式发布，即需要使用build功能时，需要引入另外的文件。这样做的目的是为了解决文件大小问题。

插件经过非常多的暴虐暂时没发现问题，性能上已经处理的很好，经过测试暂时未发现内存泄露问题。测试平台：ie6，firefox3.6， windows

以上所述是小编给大家介绍的jQuery插件支持同一页面被多次调用的全部叙述，希望对大家有所帮助。

轻松搞定jQuery.noConflict() jQuery是目前使用最广泛的前端框架之一，有大量的第三方库和插件基于它开发。为了避免全局命名空间污染，jQuery提供了jQuery.noConflict()方法解决变量冲

三分钟带你玩转jQuery.noConflict() jQuery是目前使用最广泛的前端框架之一，有大量的第三方库和插件基于它开发。为了避免全局命名空间污染，jQuery提供了jQuery.noConflict()方法解决变量冲

jquery实现具有收缩功能的垂直导航菜单本文介绍一种比较常见的导航菜单是如何实现的，它具有垂直结构，点击导航主标题可以展开或者折叠二级菜单。代码实例如下:!DOCTYPEhtmlhtmlheadmetacharset

标签: jquery.js插件

本文链接地址:https://www.jiuchutong.com/biancheng/381963.html 转载请保留说明！