原生JS实现轮播效果+学前端的感受(防止走火入魔(2)

<ul> </ul> <div> <a title="" href="" target="_blank"> <div> <img src="https://www.jb51.net/lg1.png"> </div> </a> ... </div> ...

slide-info用来显示图片标题,slide-nav是数字按钮,slide-main就是图片容器了,里面放图片链接,

标签里面没写li,因为它是通过JS动态创建的;

二、CSS样式的设置,只要你亲自去体验,就都能明白了,注意点:

•自己布局前,先最好把父元素加border,这样一幕了然,最后再去掉

•ul li 等很多标签默认是有padding的,所有要把它设为0;

*{ margin: 0; padding: 0; list-style: none; text-decoration: none; }

height: 25px;和line-height: 25px;两个相等,可以让字居中

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzfsgx.html