滑块革命基于jQuery,它充分响应,支持移动设备,支持手机触摸,键盘翻页;它内置幻灯,视频播放计时器,它拥有各种模式:自定义,自动响应,全屏;它有多种动画效果,3 d效果。
下面介绍使用步骤:
1,引入需要使用的文件如下:1
3
& lt;脚本src=" https://www.yisu.com/zixun/js/jquery.js "祝辞& lt;/script>
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/css/style.css "媒体="屏幕"/祝辞
& lt;脚本src=" https://www.yisu.com/zixun/rs-plugin/js/jquery.themepunch.plugins.min.js "祝辞& lt;/script>
& lt;脚本src=" https://www.yisu.com/zixun/rs-plugin/js/jquery.themepunch.revolution.min.js "祝辞& lt;/script>
2。在身体部分定义主体html结构如下:
3
4 5
6 7
8 9 10
11 12
13 14
15
16日17日
18 19 20
21日22日23
24日25日26
27 28 29
30 31日
32 33
34 35 36
37 & lt; div类=皌p-banner-container”在
& lt; div类=皌p-banner”在
& lt; ul>
& lt; !——幻灯片在
& lt;李data-transition=巴噬眃ata-slotamount=?”data-masterspeed=" 1500 "在
& lt; !——主要的形象——在
& lt; img src=" https://www.yisu.com/zixun/p_w_picpaths/bg1.jpg " alt=" slidebg1 data-bgfit=胺饷妗眃ata-bgposition=白笄啊眃ata-bgrepeat=懊挥兄匮荨痹?/p>
& lt; !层,在
& lt; !NR -层。1——在
& lt; div class=" tp-caption lightgrey_divider skewfromrightshort渐隐”
数据x=" 85 "
数据=" 224 "
数据传输速度=" 500 "
数据=" 1200 "
data-easing=癙ower4.easeOut”在我的标题
& lt;/div>
…
& lt;/li>
& lt;李data-transition=皕oomout data-slotamount”=?”data-masterspeed=" 1000 "在
& lt; !——主要的形象——在
& lt; img src=" https://www.yisu.com/zixun/p_w_picpaths/bg2.jpg " alt=" darkblurbg data-bgfit=胺饷妗眃ata-bgposition=白笄啊眃ata-bgrepeat=懊挥兄匮荨痹?/p>
& lt; !层,在
& lt; !-- LAYER NR. 1 -->
data-x="85"
data-y="224"
data-speed="500"
data-start="1200"
data-easing="Power4.easeOut">My Caption
...
....
