一款简单大方的Jquery幻灯片

[v_act]1.首先引入我们的JS文件[/v_act]

1 2	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.com/jquery.tcycle.js"></script>

[v_act]添加图片[/v_act]

</div>

[v_act]更多扩展[/v_act]

属性

默认属性

说明

data-fx

“fade”

The name of the effect to use. Set to “scroll” for a scrolling slideshow.

data-scss

for fade tx:
{ position: absolute; top: 0; left: 0 }
for scroll tx:
{ position: absolute; top: 0; left: (container width) }

CSS to be applied to the slides; override to change the defaults. This must be valid JSON!
Example:

1	<div class="tcycle" data-timeout=3000 data-scss='{"top":"20px"}'>

data-speed

500

Number of ms for transtions to complete.

data-timeout

4000

Number of ms between transitions.

[v_act]Just Enjoy！[/v_act]
[demo]代码演示[/demo]