仿京东产品放大镜 css js制作

最新推荐文章于 2023-01-30 17:11:52 发布

前端菜鸟001

最新推荐文章于 2023-01-30 17:11:52 发布

阅读量240

点赞数 1

分类专栏：前端学习文章标签： html5 css javascript

本文链接：https://blog.csdn.net/m0_52063059/article/details/118862829

版权

这是一个仿京东商品放大的一个案例，使用css js制作，接下来让我们一起来看代码吧。

html代码框架：

<body>
    <div class="preview">
        <div class="preview_img">
            <img src="../classThree/imges/s3.png" alt="">
            <div class="mask"></div>
            <div class="big">
                <img src="../classThree/imges/big.jpg" alt="" class="bigImg">
            </div>
        </div>
    </div>

</body>

css代码：

  <style>
        .preview_img {
            position: relative;
            width: 400px;
            height: 400px;
            border: 1px solid #ccc;
            cursor: move;

最低0.47元/天解锁文章

前端菜鸟001

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
仿京东产品放大镜 css js制作

这是一个仿京东商品放大的一个案例，使用css js制作，接下来让我们一起来看代码吧。html代码框架：<body> <div class="preview"> <div class="preview_img"> <img src="../classThree/imges/s3.png" alt=""> <div class="mask"></div&gt...
复制链接

扫一扫