wSlide - tests avec effets

/!\ Revenir à la page d'accueil du plugin wSlide
/!\ Autres pages de demo: wSlide - tests sans effets | wSlide - tests avancés
/!\ N'oubliez pas d'integrer le fichier jquery.easing.js (Auteur)
/!\ Pour les styles css des exemples, explorez le code source de la page, ils sont écrit en dur et séparés distinctement !



Exemple basique

Code et explications

Idem que cet exemple, mais avec une durée de 2 secondes et un effet de rebond.
$("#parent1").wslide({
	width: 450,
	height: 200,
	duration: 2000,
	effect: 'easeOutBounce'
});


Exemple 2

Code et explications

Idem que cet exemple, mais avec une durée de 4 secondes et un effet elastique.
$("#parent2").wslide({
	width: 250,
	height: 250,
	pos: 4,
	horiz: true,
	duration: 4000,
	effect: 'easeOutElastic'
});


Exemple 3

Code et explications

Idem que cet exemple, mais avec une durée de 4 secondes et un effet de ralentissement.
$("#parent3").wslide({
	width: 250,
	height: 300,
	col: 4,
	autolink: 'menu3',
	duration: 4000,
	effect: 'easeOutExpo'
});



/!\ Revenir à la page d'accueil du plugin wSlide
/!\ Autres pages de demo: wSlide - tests sans effets | wSlide - tests avancés
/!\ N'oubliez pas d'integrer le fichier jquery.easing.js (Auteur)
/!\ Pour les styles css des exemples, explorez le code source de la page, ils sont écrit en dur et séparés distinctement !

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

jQuery插件jquery.wslide 实现各个方向平滑滚动效果

一个专门实现个方向滚动效果的jQuery插件,可以定义向上下左右滚动,滚动过程平滑流畅,也可以通过渐变的方式切换内容,功能强大无比