求jquery滑动门效果
时间:2010-01-21
来源:互联网
网上的滑动门效果(和flash效果一样)都是左右滑动的 有没有高手有上下滑动的啊?
作者: q90130326 发布时间: 2010-01-21
这段代码有人能告诉我什么意思么?
(function($){
$.fn.lavaLamp=function(o){
o=$.extend({
fx:"linear",
speed:500,
click:function(){}
},o||{});
return this.each(function(){
var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];
$li.not(".back").hover(function(){
move(this)
},noop);
$(this).hover(noop,function(){
move(curr)
});
$li.click(function(e){
setCurr(this);
return o.click.apply(this,[e,this])
});
setCurr(curr);
function setCurr(a){
$back.css({
"Top":a.offsetTop+"px",
"height":a.offsetHeight+"px"
});
curr=a
};
function move(a){
$back.each(function(){
$(this).dequeue()
}).animate({
height:a.offsetHeight,
Top:a.offsetTop
},o.speed,o.fx)
}
})
}
})(jQuery);
(function($){
$.fn.lavaLamp=function(o){
o=$.extend({
fx:"linear",
speed:500,
click:function(){}
},o||{});
return this.each(function(){
var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];
$li.not(".back").hover(function(){
move(this)
},noop);
$(this).hover(noop,function(){
move(curr)
});
$li.click(function(e){
setCurr(this);
return o.click.apply(this,[e,this])
});
setCurr(curr);
function setCurr(a){
$back.css({
"Top":a.offsetTop+"px",
"height":a.offsetHeight+"px"
});
curr=a
};
function move(a){
$back.each(function(){
$(this).dequeue()
}).animate({
height:a.offsetHeight,
Top:a.offsetTop
},o.speed,o.fx)
}
})
}
})(jQuery);
作者: q90130326 发布时间: 2010-01-21
很多很多啊。。。
作者: kfy0228 发布时间: 2010-01-21
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28