jQuery雷达扫描切换幻灯片代码

王朝学院·作者佚名  2016-08-27  
宽屏版  字体: |||超大  

基于jQuery雷达扫描切换幻灯片代码。这是一款切换效果类似雷达扫描,支持鼠标滚轮滚动切换。效果图如下:

在线预览 源码下载

实现的代码。

html代码:

<divclass="scene"><!--page start--><divclass="page page-1 active"><divclass="page--rotater"></div><divclass="page--content"><!--<h1>Page 1</h1>--><headerclass="htmleaf-header"><scriptsrc="/scripts/2bc/_gg_980_90.js"type="text/javascript"></script></header></div></div><!--page end--><!--page start--><divclass="page page-2"><divclass="page--rotater"></div><divclass="page--content"><h1>Page 2</h1></div></div><!--page end--><!--page start--><divclass="page page-3"><divclass="page--rotater"></div><divclass="page--content"><h1>Page 3</h1></div></div><!--page end--><!--page start--><divclass="page page-4"><divclass="page--rotater"></div><divclass="page--content"><h1>Page 4</h1></div></div><!--page end--><!--page start--><divclass="page page-5"><divclass="page--rotater"></div><divclass="page--content"><h1>Page 5</h1></div></div><!--page end--><divclass="rt-point"><spanclass="page-number page-number-1 active">1</span><spanclass="page-number page-number-2">2</span><spanclass="page-number page-number-3">3</span><spanclass="page-number page-number-4">4</span><spanclass="page-number page-number-5">5</span></div><!--footer start--><divclass="footer"><divclass="nav"><ul><liclass="nav--btn nav--btn-1 active"data-page="1"></li><liclass="nav--btn nav--btn-2"data-page="2"></li><liclass="nav--btn nav--btn-3"data-page="3"></li><liclass="nav--btn nav--btn-4"data-page="4"></li><liclass="nav--btn nav--btn-5"data-page="5"></li></ul></div></div><!--footer end--></div>

via:http://www.w2bc.com/article/54652

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