鼠标移入商品的放大镜
放大镜效果
body{position: relative;
}
*{margin: 0;
padding:0;
}
#Box{
height:300px;
width:300px;
position: relative;
border:1px solid gray;
}
#bigBox{
height:300px;
width:300px;
position: absolute;
top:0;
left:310px;
overflow: hidden;
display:none;
border: 1px solid gray;
}
#Box img{
height:300px;
width:300px;
}
#lay{
background:#fff;
border:1px solid gray;
position: absolute;
top:0;
left: 0;
opacity:0.5;
display:none;
filter:alpha(opacity=50);
}
文章图片
文章图片
推荐阅读
- django开发电子商城（二十二）购物车商品的所有者身份转换
- 049-python包pyautogui
- Axure|Axure 教程（PC 端电商首页商品分类）
- 京东退货有感
- 18M 超轻量图像识别系统，商品、车辆、人脸识别一网打尽！
- 冬季实战营 动手实战-云上多产品学习，使用ECS服务器部署MySQL数据库 领鼠标 云小宝 背包 无影
- 冬季实战营动手实战-上云必备环境准备，动手实操快速搭建LAMP环境 领鼠标 云小宝 背包 无影
- java|鼠标动作监听类MouseListener
- collection|鼠标划过图片变亮
- 纯CSS实现鼠标移上图片添加阴影效果