开发工具与关键技术:VS 与layui
作者:梁英豪
撰写时间:2019年4月20日
简写的轮播
刚刚开始接触轮播就会发现要写滚动的图片的东西太多了,样式什么的要安置好,还有按钮要一个个的把样式设计出来等等一系列的东西不要写。
这让一个刚刚接触的人怎么办才好呢?当然有问题就要去解决啦!
现在只要有插件就可以解决的啦!例如:Layui这个插件。
因为这些插件都是别人已经写好的样式。别人都已经封装好的只要会引用就行。
就是这么幸运!有滚动的图片的样式在里面封装好的了。给它一个区域。
这样方便了很多很多。减少不必要的事情发生。就是来寻找报错点。寻找错误比大海捞针还要难!因为上次我就多打了一个空格不运行不起来。
现在做一个滚动图片只要三个小部分就可以了。
第一部分就是容器部分和ID部分还有照片部分。
第二部分呢就是写容器的大小还有图片的大小。是不是打了很少的样式。就单独设计宽度还有高度。因为不需要图片这么大,直接把ID名称打上去就可以了。
容器给了还有宽度高度也都给了现在就到第三部分了。
第三部分就是设计滚动的图片的显示箭头方向和切换动画方式最后还是得要获取ID值。这里有个神奇的样式,就是如果去掉切换动画方式这行。系统会默认是左右滚动的。如果不去掉,就会上下滚动。显示箭头也会随着滚动方向变换而变化。
按钮是从上往下显示的,显示箭头也是从上往下切换的。样式就是这样了。这个会随空间缩小而缩小的。
滚动的照片就这么简简单单的完成了。不需要很多的东西来修饰图片的样式。要懂得学习,首先要学会方式,