基于jQuery的对象切换插件:soChange 1.5

  
  

作者:不羁虫
从事IT3年左右,专业前端工作2年左右,熟悉前端体验,Web标准(大侠很多,不敢自言精通),对jQuery的认识不到一年,jq很符合前端开发的习惯,努力学习中,也正是因为jquery认识了cssrain,这里的文章和插件都很不错,非常骄傲国内能有这样熬的交流的地方。
个人开发习惯:Firefox+Firebug+Fireworks+Editplus
博客:http://hi.baidu.com/bujichong(当记事本和收藏夹用,可观性不强...)
邮箱:bujichong@163.com
qq:347408820(欢迎同行加我交流)

非常高兴进一步封装修改了这个插件,
临时预览地址:点击这里获得
新的文件包我已经传到google code上了:点击这里获得

1.5在参数和使用上与1.4没有变动,
针对之前有网友提出的var settings、var $sG全局变量污染问题进行了修改,
另外我写了一下更新记录,把之前所有各个版本的更新都列了出来,
如果有使用过往版本有问题的,不妨查一下更新记录,
推荐使用最新的1.5版,文件大小不变,但封装性更好,
如果没有bug的话,这个插件的更新应该是到头了,

以下是完整的更新记录:

=============================

soChange 1.1发布:(2009-11-26)

原始参数:
$(obj).soChange({
thumbObj:null, //导航对象,默认为空
botLast:null, //按钮上一个,默认为空
botNext:null, //按钮下一个。默认为空
thumbNowClass:'now', //导航对象当前的 class,默认为now
slideTime:1000, //对象平滑过渡持续时间,默认为1000ms
autoChange:true, //是否自动切换,默认为 true
changeTime:5000, //对象自动切换时间,默认为5000ms,即5秒
delayTime:300 //鼠标经过时反应的延迟时间,推荐值为300ms
});

对sGallery升级,
插件不仅仅可以应用在幻灯相册上,更应该称它为对象切换插件
将名称由sGallery改为soChange,稍微扩展了一下切换范围

=============================

soChange 1.2发布:(2009-11-27)
添加了2个参数
clickFalse:true,//导航对象如果有链接,点击是否链接无效,即是否返回return false,默认是return false链接无效
overStop:true,//鼠标经过切换对象时,切换对象是否停止切换,并于鼠标离开后重启自动切换,前提是已开启自动切换,默认开启鼠标经过对象停止切换

=============================

soChange 1.3发布:(2009-12-08)
加了一个queue判断, 保证每次切换必须完成才能进行下一次切换, 达到防调戏效果

=============================

soChange 1.4发布:(2009-12-08)
1,为了避免歧义,将参数名称botLast改为botPrev
2,添加了一个新参数:thumbOverEvent,
由于之前的示例只能是默认鼠标经过时延迟触发事件,鼠标点击直接触发切换事件,
修改后,将这个动作交给参数设置,
即thumbOverEvent为true时,开启鼠标经过事件, 否则关闭此事件,默认为true

=============================

soChange 1.4.1
由于使用中,程序希望切换不初始化,由程序来控制默认显示状态,
想添加一个默认无初始化的功能参数,
但为了保证插件的效率及完整性,取消了此参数,初始化功能可由trigger完成

=============================

soChange 1.5发布:(2010-01-29)
参数和使用上无变化,
整体修改了插件参数的写入模式,
去除了可能污染全局的settings设置和var $sG = $.soChangeLong;
将参数及操作全部封装在
$.fn.extend({
"soChange": function(o){

}
})
达到真正的完整封装,避免插件在部分应用下的冲突问题

=============================




作者:bujichong
时间:2009-11-27
标签:
评论:10
查看:1373

如果你有什么好文章,请与我们分享。cssrain[at]gmail.com    我要投稿

为了使你得到本站最新信息,建议你订阅本站。点击此处订阅

广告也精彩:

  • 1
衣不如新 [2010-02-02 01:35 PM]
不好意思,firefox的js上次调试时关闭了
衣不如新 [2010-02-02 12:57 AM]
测试页的tab选项卡在firefox3.6下貌似不能使用
hjy19881212 [2010-01-23 05:19 PM]
绝对的支持你,太牛x了,喜欢
蚂蚁 [2009-12-08 04:40 PM]
哇~看起来灰常不错……
leeo [2009-12-07 04:18 PM]
做得不错。。。
bujichong [2009-12-01 11:12 AM]
回复 umlyf:
呵呵,你看的很仔细,
其实我就是想用纯样式做一个tab标签,
你这个问题在ie下确实有,当时我也注意到了,
不过想想其实有一个小白点也挺好看的就没有细究,
呵呵,我再看看,修改修改
umlyf [2009-12-01 09:58 AM]
整体非常的好,纠正例子中的一点小瑕疵,在选项卡上的应用中选项卡左边下方有一小白点。把.changeBox_b1 h3.now中的border-bottom设为0,然后把他下面的div里的top设为25px就好了。
andy [2009-11-27 03:51 PM]
看起来非常不错
bujichong [2009-11-27 11:47 AM]
恩,可以,你看例子就明白了,把切换对象 指向 你要切换的对象组就可以
guny [2009-11-27 11:37 AM]
对象切换? 是因为它的应用不限制在图片吗?
竖向缩略图导航,缩略图自带标题和摘要,这种也可以吗?
  • 1

发表评论

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.

必须

游客发言不需要密码.

=2+0

注:长时间未操作页面,验证码会失效。