当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 插件 将this下的div轮番显示

Javascript
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
用Javascript读取中文COOKIE的解决办法
功能很全的精品JS计算器
永不消失的title提示代码
一直复略了的一个问题,关于表单重复提交
初探jquery——表单应用范例
懒就要懒到底——鼠标自动点击(含时间判断)
关于表单的两点交互体验改进技巧
javascript知识点收藏
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
如何使页面打开时input就被选中?
点选TOP后并不是直接跳到页顶的,而是滚动上去的
js玩一玩WSH吧
【最新漏洞】IE中使用Rds.DataSpace下载并运行病毒文件
select选择事件问题
SUN的《AJAX与J2EE》全文译了
你真的了解JavaScript吗?
极酷的javascirpt,让你随意编辑任何网页
用javascript编写的第一人称射击游戏
轻轻松松学习JavaScript

Javascript 中的 jQuery 插件 将this下的div轮番显示


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 396 ::
收藏到网摘: n/a

将this下的div轮番显示 dname指定需要执行此动作的元素,如果没有指定dname,将默认全部子元素

复制代码 代码如下:

/*
将this下的div轮番显示
dname指定需要执行此动作的元素,如果没有指定dname,将默认全部子元素;
tname指定与dname对应的激活元素;
speed显示切换速度;
effe显示的效果;
*/
(function(){
.fn.w_picSwap=function(dname,tname,speed,effe){
speed=speed || 2000;
dname=dname || "";
tname=tname || "";
effe=effe || 1;
return this.each(function(){
var myTime;
var obj=(this);
var objs=(this).find(dname);
var objnl=(this).find(tname).not(dname);
var len2=objnl.length;
var len=objs.length;
if(len<2){ return;}
var si=0;
var old=0;
objs.not(':first').css('opacity',0);
function showImg(){
old=si;si=(si==(len-1))?0:si+1;
effect(objs.eq(old),objs.eq(si));
if(len2){
objnl.eq(old).removeClass("on");
objnl.eq(si).addClass("on");
}
};
function effect(o,n){
switch(effe){
case 1:
o.stop().animate({opacity:0});
n.stop().animate({opacity:1});
break;
case 2:
var toff=o.position();
n.stop().css("top",toff.top+o.outerHeight()).animate({top:toff.top,opacity:1},200);
o.stop().animate({top:toff.top-o.outerHeight(),opacity:0});
break;
}
}
function begin(){
myTime = setInterval(showImg,speed);
};
objnl.mouseover(function(){
si=objnl.index(this);
showImg();
});
//滑入 停止动画,滑出开始动画.
obj.hover(function(){
if(myTime){clearInterval(myTime);}
},function(){
begin();
});
begin();
});
};
})(jQuery);