我正在寻找一个好的垂直气泡选框插件。
不是简单的垂直选框,我正在寻找一个好的“flash like”效果插件,从div的内容的底部到顶部使用元素选框平滑。
可能真的很好,但我认为这只是我的梦想这个插件
答案 0 :(得分:1)
嗯,这不是非常有效,但我认为这是一个好的开始:
jQuery.fn.verticalMarquee = function(vertSpeed, horiSpeed) {
this.css('float', 'left');
vertSpeed = vertSpeed || 1;
horiSpeed = 1/horiSpeed || 1;
var windowH = this.parent().height(),
thisH = this.height(),
parentW = (this.parent().width() - this.width()) / 2,
rand = Math.random() * 1000,
current = this;
this.css('margin-top', windowH + thisH);
this.parent().css('overflow', 'hidden');
setInterval(function() {
current.css({
marginTop: function(n, v) {
return parseFloat(v) - vertSpeed;
},
marginLeft: function(n, v) {
return (Math.sin(new Date().getTime() / (horiSpeed * 1000) + rand) + 1) * parentW;
}
});
}, 15);
setInterval(function() {
if (parseFloat(current.css('margin-top')) < -thisH) {
current.css('margin-top', windowH + thisH);
}
}, 250);
};
$('.message').verticalMarquee(0.5, 1);
使用Math.sin
水平移动元素。函数verticalMarquee
接受两个参数,一个用于垂直速度,另一个用于水平速度。该函数只能在只包含一个元素的jQuery对象上调用 - 在测试期间,一次动画多个元素会导致可怕的滞后量。
在此处查看简单演示:http://jsfiddle.net/CcccQ/2/
答案 1 :(得分:0)
你的意思是The Silky Smooth Marquee插件吗?