[英]jquery fading in and out.
大家好,刚刚用 jquery 做一些工作,刚刚有一个问题。 我在 div 中得到了一个图像,想知道是否可以使用 jquery 通过给它一个 x 和 y 坐标来使该图像在屏幕上弹出。 然后使用此代码我可以让它向右移动
$('#red').pan({fps: 30,
speed: 0.5, dir: 'right'});
然后当它到达屏幕上的某个位置时让它淡出。 关于这个问题的任何帮助都会很好,因为我对 jquery atm 不太好。
你可以尝试这样的事情:-
$('#A').fadeOut( function() {
$('#B').fadeIn();
});
回调函数可以被第一个效果完成后运行的淡出采用
我会尝试这样的事情
function MoveAndFade(x, y)
{
$('.box').fadeIn('slow', function ()
{
$(this).animate({ left: x, top: y }, 'slow', 'swing', function ()
{
$(this).fadeOut();
});
})
}
基本上它会淡入div,然后将其移动到您指定的位置,然后淡出。 这将依次发生。
您需要将选择器$('.box')
更改为适合您的 div 的选择器。 当前选择具有“box”类的元素。 然后您可以传入任何 x 或 y 值,例如: MoveAndFade(50,100);
. 您还需要确保 div 具有position:absolute
css 属性。
您需要调用函数MoveAndFade
传入您想要的参数,例如
<input type="button" value="Click me" onclick='MoveAndFade(150,50);' />
或者,如果您想在 DOM 加载后运行,请执行以下操作:
$(document).ready(function(){
$('.box').fadeIn('slow', function ()
{
$(this).animate({ left: '150', top: '50' }, 'slow', 'swing', function ()
{
$(this).fadeOut();
});
})
});
或者
$(document).ready(function(){
MoveAndFade(150,50);
});
其中MoveAndFade()
是在$(document).ready(function(){})
部分中定义的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.