jquery实现无比性感的图片滑动展示效果_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

sexyCycle image jQuery plugin

version 0.3

Requirements: jQuery Core (latest), jQuery Easing Plugin (http://gsgd.co.uk/sandbox/jquery/easing/)
Download JS: sexyCycle.js
Download CSS: sexyCycle.css
Examples: Timer, Random

How to use below:





Default settings.
$("#box0").sexyCycle();

PrevNext
Easing effect + Prev and Next navigation

$("#box1").sexyCycle({
	easing: 'easeInOutBounce',
	next: '.next1',
	prev: '.prev1'		
});

PrevNext
Easing effect + Prev and Next navigation + Custom speed + Image cycling = False
$("#box2").sexyCycle({
	easing: 'easeOutElastic',
	speed: 800,
	next: '.next2',
	prev: '.prev2',
	cycle: false
});

PrevNext
One of the good things about sexyCycle is that you're not forced to stick with a fixed width of all images.
It's actually quite nice to use different width on each image.


Prev and Next navigation + Custom speed + Custom start
$("#box3").sexyCycle({
	speed: 500,
	next: '.next3',
	prev: '.prev3',
	start: 2
});

Stop
Custom speed + Interval + Stop button
$("#box4").sexyCycle({
	speed: 500,
	next: '.next3',
	prev: '.prev3',
	stop: '.stop',
	interval: 800
});

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

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

下载代码说明
X关闭

jquery实现无比性感的多重图片滑动展示效果

jquery实现无比性感的图片滑动展示效果,鼠标点击图片,图片滑动切换,滑动过程有多重效果可供选择,可以正常左右滑动,可以抖动滑动,经测试功能强大,效果性感,你应该不会错过