jQuery雷达扫描切换幻灯片代码
基于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