我正在制作东西,并且想要像http://www.skipperlimited.com/
但是我不知道该如何处理图像轮播及其徽标中的轮播。 有人可以显示一些方式。 预先感谢
答案 0 :(得分:0)
问题是“以某种方式展示”-我认为这个问题是合理的,并且可以很好地回答。并非所有内容都必须是代码,有时还涉及如何开始/如何获得。可能有多种方法,这是我的方法:
我将通过每种浏览器提供的“开发人员工具”研究源代码。在那里,我可以看到图像本身是以非常时尚的方式准备的,与HTML无关。这是他们图像之一的直接链接:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
此外,我看到另一个文本是使用称为“ home-wrapper”的绝对定位容器定位在图像上的。在这里,绝对位置和z-index很重要:文本必须在图像容器上分层。
在head标签中,我还可以看到其中包含jquery.bxslider.js,因此您可能想检出该库并浏览其文档。
为了找出这些按钮是如何工作的:它们似乎附加了事件监听器。因此,再次在devTools中,我在源代码中找到了它们,并检查了devTools中的“ EventListeners”选项卡。有一个当前在该元素上活动的事件侦听器列表,我看到在这些小方块上附加了一个“ jquery.bxslider”事件。
依此类推。
这是我探索的方式。我希望这会有所帮助!