一晃
端午节又过去了,又得开始新的工作累人啊。
这两天jquery博客有不少感慨,感觉人有时要是言而无信,那不管做什么事情都不会成功的,觉得,既然说出口了,或者,暗暗下决心做了,就一定做成功。如果不行,那是自己的责任。不多说了,做个类似QQ管家页面jquery图片显隐轮换效果,感觉在哪个页面中看到过,反正是腾讯的,故加个类似。
$(document).ready(function() {
var z = 0;
var inAnimation = false;
$('#box img').each(function() {
z++;
$(this).css('z-index', z);
});
function slide() {
if(inAnimation) return false;
else inAnimation = true;
var MaxZindex = z; SecondZindex = z-1;
$('#box img').each(function() {
if($(this).css('z-index') == MaxZindex) {
$(this).animate({left:"350px"}, 800, function() {
$(this).css('z-index', 1)
.animate({left:"0px"}, 800, function() {
inAnimation = false;
});
});
} else if($(this).css('z-index') == SecondZindex) {
$(this).animate({left:"-80px"}, 800, function() {
$(this).css('z-index', parseInt($(this).css('z-index')) + 1);
}).animate({left:"0px"}, 800);
}else{
$(this).animate({left:"0px"}, 600, function() {
$(this).css('z-index', parseInt($(this).css('z-index')) + 1);
});
}
});
return false;
}
$('#box').click(function() {
slide();
});
});
在线效果DEMO
http://www.jqueryba.com/475.html
分享到:
相关推荐
图片显隐效果.rar图片显隐效果.rar图片显隐效果.rar图片显隐效果.rar图片显隐效果.rar图片显隐效果.rar
图片显隐变幻.rar图片显隐变幻.rar图片显隐变幻.rar图片显隐变幻.rar图片显隐变幻.rar图片显隐变幻.rar
图片轮播展示——使用图片显隐控制.htm
图片显隐的简单方法.rar图片显隐的简单方法.rar图片显隐的简单方法.rar图片显隐的简单方法.rar图片显隐的简单方法.rar图片显隐的简单方法.rar
js 特效 html 特效 跟随鼠标的显隐图片 js 特效 html 特效 跟随鼠标的显隐图片
js 特效 html 特效 鼠标右键显隐效果 js 特效 html 特效 鼠标右键显隐效果
固定在网页右侧的可显隐网站QQ客服浮动层,可以自由更改QQ数量
js控制html控件显隐 显隐 js控制html控件显隐 显隐
Javascript,简单功能元素动态显隐
在线QQ客服 左侧在线客服 右侧在线客服 浮动层在线客服 可显隐在线客服
包含一个基本的菜单显隐切换和一个我具体项目中用到的完整样式版本
快速切换窗口的显示与隐藏,拒绝他人的偷窥!支持XP、Win7、Win10。可自由定义鼠标、键盘操作窗口的显示与隐藏。
一款很好的QQ显隐插件,非常的好用,操作简单,直接双击就可以完成
易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标...
C#图标显隐工具,可隐藏任务栏图标,通过修改注册表实现图标隐藏。 “ HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Policies\\Explorer ” 注意: 隐藏后在桌面上不能使用右键菜单
QQ显IP,显隐身 QQ显IP,显隐身 QQ显IP,显隐身 QQ显IP,显隐身 QQ显IP,显隐身
联想隐藏盘显示隐藏工具,一键还原坏了的同志们也许用得到
iClient for JavaScript的几种图层显隐控制
子图层控制,通过图层索引号直接控制显隐 服务地址:https://iserver.supermap.io/iserver/services/maps/rest/maps/World
1. 图片控件和按钮重叠放置 2.通过滑过或离开图片控件范围控制按钮的显隐 3. 按钮可响应事件