滑动特殊代码的jQuery实现

滑动特殊代码的jQuery实现
在项目中,需要使用jQuery来实现滑动效果,因此相关的内容安排如下。下面是详细的说明,文字说明和代码分析,和你需要的朋友可以学习。

实现方式1:

({ } {时间。slideup,完成})-目标元素上滑倒了,隐藏;

slideDown({ } {。时间,完成})-目标元素滑出的显示;

({ } {时间。slidetoggle,完成})-目标元素是隐藏显示,否则会向上。

注意:持续时间是执行该方法的时间间隔,完整是回调函数。

滑动效果
Img{
宽度:500px;
}
隐瞒事实
滑出显示器
将隐藏的/幻灯片从显示器上放上去。

Slide.js Code:
滑动效应
$(文档)Ready(函数(){)
进入幻灯片
$(# BTN1)。Click(function(){)
$('img)。SlideUp(2000);
});
/向下滑动
$(# BTN2)。Click(function(){)
$('img slideDown(2000));
});
滑动开关
$(# BTN3)。Click(function(){)
$('img)。SlideToggle(2000);
});
})
实施模式二:

一、jquery___效应(滑动效果)

SlideDown(速度,{回调})

总结

动态显示所有匹配元素的高变化(向下),并在显示完成后可选触发回调函数。

这个动画效果只调整元素的高度,允许匹配的元素以滑动的方式显示。在jQuery 1.3中,上下边距和边距也会有动画效果,效果更流畅。

参数

speedstring,数
三个预定速度的串(慢)

functionfunction回调(可选)

当动画完成时执行的函数。
样品
描述:
在600毫秒内使段落变慢
jQuery代码:

$(p)。SlideDown(慢);
描述:
在200毫秒内快速将段落向下滑动,然后弹出一个对话框。
jQuery代码:

$(p)。SlideDown(快
警报(动画完成);
});
SlideUp(速度,{回调})

总结
所有匹配的元素都由高变化(向上)动态隐藏,在隐藏完成后可选地触发回调函数。

这个动画效果只调整元素的高度,允许匹配的元素以一种滑动的方式隐藏。在jQuery 1.3中,上下边距和边距也会有动画效果,效果更流畅。
参数
speedstring,数
三个预定速度的串(慢)
回调(可选)函数
当动画完成时执行的函数。
样品
描述:
缓慢地将段落滑动600毫秒。
jQuery代码:

$(p)。SlideUp(慢);

描述:
快速将段落滑动200毫秒,然后弹出一个对话框。
jQuery代码:

$(p)。SlideUp(快
警报(动画完成);
});
SlideToggle(速度,{回调})
总结
所有匹配元素的可见性通过高度变化进行切换,并且在切换完成后可选地触发回调函数。

这个动画效果只调整元素的高度,允许匹配的元素以滑动方式隐藏或显示。在jQuery 1.3中,上下边距和边距也会有动画效果,效果更流畅。
参数
speedstring,数
三个预定速度的串(慢)
回调(可选)函数

当动画完成时执行的函数。
样品
描述:
缓慢地滑动或滑动一段600毫秒。
jQuery代码:

$(p)。SlideToggle(慢);

描述:
在200毫秒内快速滑动或滑动一段文字,然后弹出一个对话框。
jQuery代码:

$(p)。SlideToggle(快
警报(动画完成);
});
以上内容是jQuery实现的滑动特殊代码,希望大家喜欢。

tag:代码电脑软件jquery

相关内容