滑动特殊代码的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
相关内容