知乎的实现是这样的:
输出一张小图片,然后在 data-original 里面写出原图的 url。鼠标移动上去变成放大镜用的 cursor CSS 属性:点击之后,当然就是一个弹一个浮层结构,把里面的 img 给替换成 data-original 里面的 img。其实你右击用 devtool 就能很容易看到怎么实现的了。
时间:2024-06-28 16:01:31
知乎的实现是这样的:
输出一张小图片,然后在 data-original 里面写出原图的 url。鼠标移动上去变成放大镜用的 cursor CSS 属性:点击之后,当然就是一个弹一个浮层结构,把里面的 img 给替换成 data-original 里面的 img。其实你右击用 devtool 就能很容易看到怎么实现的了。
clear样式属性的作用 – CSS – 前端 css向下代码
2021-11-22
html鼠标样式形状优化 鼠标箭头总变成放大镜样式 怎么恢复?
2023-03-24
HTML鼠标怎么变成放大镜的 鼠标箭头总变成放大镜样式 怎么恢复?
2019-11-27