我想在我的网站上创建一个区块,类似于此页面上的区块:https://www.smartbuyglasses.com/designer-eyeglasses/Tom-Ford/Tom-Ford-FT5178-001-93517.html
一个叫做“可用的镜片”:
Available lenses block
我复制了HTML和CSS,当我在本地测试时看起来很好,但我不知道如何找到和复制当您按下按钮时由按钮触发的脚本(或其他任何脚本),显示与所选透镜类型对应的图像和描述。
我看到了这个脚本的作用--它在相应元素的类名末尾添加了“active”,即它改变了类,通过更新后的类的CSS有效地揭示了元素。
但是我似乎找不到修改类名的实际脚本(或者其他什么),所以我可以在我自己的网站上复制它。我在Chrome中使用开发工具,我到处都找过了,包括“源代码”标签,它确实显示了多个脚本,但我似乎找不到我需要的那个。也许我找错了地方。有人能帮忙吗?
You can see my attempt here
1条答案
按热度按时间v8wbuo2f1#
您可以右键单击并“检查”各个按钮,查找它们的ID,然后在JavaScript中搜索该ID。然而,该页面看起来相当简单,因此只需编写自己的脚本就可以减少工作量。您甚至可以找到像bootstrap这样的前端库来使用。