请问有的视频网站鼠标放在图片上就会在图片中心显示播放按钮图片，这个小功能是怎么实现的？
感觉最笨的是在html中给每个图片都加一个按钮图片，先display:none;能hover时在显示。是不是用javascript在hover的时候，用innerHtml...
感觉最笨的是在html中给每个图片都加一个按钮图片，先display:none;能hover时在显示。
是不是用javascript在hover的时候，用innerHtml等方法临时加这个按钮图片的所有代码好一点？
或者应该用其他方法，但不知道怎么实现。 展开
是不是用javascript在hover的时候，用innerHtml等方法临时加这个按钮图片的所有代码好一点？
或者应该用其他方法，但不知道怎么实现。 展开
展开全部
你说的这个情况我也注意到过
比如说百度视频还有很多视频，我也注意过源码
通用的，大部分的做法是你说的第一种，就是元素先隐藏，等hover的时候再展示出来
也有的是通过js判断的
但是发现大部分都是通过css控制的，我觉得这样做的好处是一旦加载完，只要样式兼容，就没有额外的js开销了，一方面减少js的引用节省内存，一方面这种特效也能满足需要，无需在用js判断，过多的js对网页来说也并非良好的体验
不过最好的办法应该是，css定义当hover时调用另一个css样式，这个样式包含这个图片，你也不用在每个地方都加图片了，对吧
希望能帮助到你
比如说百度视频还有很多视频，我也注意过源码
通用的，大部分的做法是你说的第一种，就是元素先隐藏，等hover的时候再展示出来
也有的是通过js判断的
但是发现大部分都是通过css控制的，我觉得这样做的好处是一旦加载完，只要样式兼容，就没有额外的js开销了，一方面减少js的引用节省内存，一方面这种特效也能满足需要，无需在用js判断，过多的js对网页来说也并非良好的体验
不过最好的办法应该是，css定义当hover时调用另一个css样式，这个样式包含这个图片，你也不用在每个地方都加图片了，对吧
希望能帮助到你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
