美文网首页
有关轮播图的一些总结

有关轮播图的一些总结

作者: 年丶轮 | 来源:发表于2018-08-14 18:25 被阅读0次

前几天尝试写了一下轮播图(纯js实现),然后呢,也碰到了非常多的问题,总结一下,警示自己。


1.有关html中的一些写法注意

在<a></a>标签的href属性中请一定注意要填入“#”这个符号,因为,如果你不填什么东西的话,点击<a></a>标签之后会链接当前页面,所以会刷新当前页面,然而刷新页面会给轮播图带来很多问题,比如,你的轮播图在你点击链接之后又重新重头开始播放,等等。

2.有关css的z-index属性

要使用这个属性,必须先对该元素定位。

3.css中属性优先级的问题

当一个页面复杂度提升之后,很容易就碰到这个问题,为什么我改变了一个元素的样式之后,这个元素却并未发生我预想的改变呢?原因可能就和这个优先级有关:在没有!important的情况下,首先是行内样式的优先级>内联样式>外部样式,这个没什么好说的,在一个就是,ID选择器的优先级>class选择器、伪类选择器。为了方便理解,可以这么说,特殊即优先。
比如这次

4.js当中的一些问题

要习惯用对象的思想去思考一个问题。


这次轮播图其实还写的挺艰难的,中途遇到了很多问题。但有些js当中问题解决之后也觉得明了了,不过,这里罗列的是那些还没有掌握的知识点。

相关文章

  • 有关轮播图的一些总结

    前几天尝试写了一下轮播图(纯js实现),然后呢,也碰到了非常多的问题,总结一下,警示自己。 1.有关html中的一...

  • 轮播图总结

    classname方法:css,html部分ul包裹5个li超出部分隐藏。2个div作为按钮定位上去。给第一张图片...

  • 轮播图总结

    classname方法:css,html部分ul包裹5个li超出部分隐藏。2个div作为按钮定位上去。给第一张图片...

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • html 轮播图

    1、最近突然要做一个轮播图,原来做的一个demo轮播图不怎么适合,就百度了几篇轮播图的文章,最后找到一些 比较合适...

  • 使用JavaScript实现图片轮播效果

    轮播图的作用 轮播图可以在有限的空间传播更多的信息,特别在一些招聘网站、旅游网站和购物网站上居多。 实现原理 轮播...

  • day7_作业

    轮播图1 轮播图2

  • Axure交互设计操作(二)

    之前一里总结到轮播效果,其实实战当中轮播效果一般是复合使用的。比如: 和轮播图类似,这其实也是一个轮播效果。我刚遇...

网友评论

      本文标题:有关轮播图的一些总结

      本文链接:https://www.haomeiwen.com/subject/touvbftx.html