jquery.slides.js

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

http://slidesjs.com/#docs

一款强大的,专业的幻灯片组件,全方位对幻灯片的速度。。全方位的控制;

1$(function(){2$("#slides").slidesjs({3play: {4active:true,5//[boolean] Generate the play and stop buttons.6//You cannot use your own buttons. Sorry.7effect: "slide",8//[string] Can be either "slide" or "fade".9interval: 5000,10//[number] Time spent on each slide in milliseconds.11auto:false,12//[boolean] Start playing the slideshow on load.13swap:true,14//[boolean] show/hide stop and play buttons15pauSEOnHover:false,16//[boolean] pause a playing slideshow on hover17restartDelay: 250018//[number] restart delay on inactive slideshow19}20});21});

前台:

1<!doctype html>2<head>3<style>4/*PRevents slides fromFlashing*/5#slides{6display:none;7}8</style>910<scriptsrc="http://code.jquery.com/jquery-latest.min.js"></script>11<scriptsrc="jquery.slides.min.js"></script>1213<script>14$(function(){15$("#slides").slidesjs({16width:940,17height:52818});19});20</script>21</head>22<body>23<divid="slides">24<imgsrc="http://placehold.it/940x528">25<imgsrc="http://placehold.it/940x528">26<imgsrc="http://placehold.it/940x528">27<imgsrc="http://placehold.it/940x528">28<imgsrc="http://placehold.it/940x528">29</div>30</body>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航