Javascript JQuery选框滑动顶
惠 只是一个新手试图完成一些事情,我有一个ul,它是从jquery函数中选框的,它的左选框意味着它的左滑,我想做的是让它滑到顶部 我在这里做了一把小提琴Javascript JQuery选框滑动顶,javascript,jquery,html,css,marquee,Javascript,Jquery,Html,Css,Marquee,惠 只是一个新手试图完成一些事情,我有一个ul,它是从jquery函数中选框的,它的左选框意味着它的左滑,我想做的是让它滑到顶部 我在这里做了一把小提琴 (函数($) { var方法= { 初始化:函数(选项) { 返回此值。每个(函数() { var_this=$(this); _此.data('marquee',选项); var _li=$('>li',_this); _这个。包装(“”) .height(_this.height()) .hover(function(){if($(thi
(函数($)
{
var方法=
{
初始化:函数(选项)
{
返回此值。每个(函数()
{
var_this=$(this);
_此.data('marquee',选项);
var _li=$('>li',_this);
_这个。包装(“”)
.height(_this.height())
.hover(function(){if($(this).data('marquee').stop){$(this.stop(true,false);},
函数(){if($(this.data('marquee').stop){$(this.marquee('slide');})
.parent()
.css({位置:'relative',溢出:'hidden','height':$('>li',_this).height()})
.find(“>ul”)
.css({宽度:screen.width*2,位置:'relative'});
对于(var i=0;i像这样
$this.animate({'top':$('>li',$this.height()*-1},
$this.data('marquee')。持续时间,
"摇摆",,
函数()
{
$this.css('top',0).append($('>li:first',$this));
$this.delay($this.data('marquee').delay)。marquee('slide');
}
);
这正是我想要做的。您将宽度更改为高度非常感谢。我需要更改哪些内容才能使动画连续,而不是现在的动画(每张幻灯片都停止)?
(function($)
{
var methods =
{
init : function( options )
{
return this.each(function()
{
var _this=$(this);
_this.data('marquee',options);
var _li=$('>li',_this);
_this.wrap('<div class="slide_container"></div>')
.height(_this.height())
.hover(function(){if($(this).data('marquee').stop){$(this).stop(true,false);}},
function(){if($(this).data('marquee').stop){$(this).marquee('slide');}})
.parent()
.css({position:'relative',overflow:'hidden','height':$('>li',_this).height()})
.find('>ul')
.css({width:screen.width*2,position:'relative'});
for(var i=0;i<Math.ceil((screen.width*3)/_this.width());++i)
{
_this.append(_li.clone());
}
_this.marquee('slide');});
},
slide:function()
{
var $this=this;
$this.animate({'left':$('>li',$this).width()*-1},
$this.data('marquee').duration,
'swing',
function()
{
$this.css('left',0).append($('>li:first',$this));
$this.delay($this.data('marquee').delay).marquee('slide');
}
);
}
};
$.fn.marquee = function(m)
{
var settings={
'delay':4000,
'duration':2000,
'stop':true
};
if(typeof m === 'object' || ! m)
{
if(m){
$.extend( settings, m );
}
return methods.init.apply( this, [settings] );
}
else
{
return methods[m].apply( this);
}
};
}
)( jQuery );
jQuery(document).ready(
function(){jQuery('.some ul').marquee({delay:3000});}
);