效果查看模仿华为2019官网pc端(右上角购物车):https://yellowcan.cn/huawei2019
鼠标移入购物车按钮遮罩层显示,鼠标移出购物车按钮遮罩层隐藏
这样简单的JavaScript能使购物车的遮罩层显示和隐藏,但是一般我们购物的时候鼠标需要移动到购物车遮罩层中,这样子鼠标就会移开购物车按钮,这时购物车遮罩层就消失,所以我们需要再加一段JavaScript使鼠标移入购物车遮罩层中购物车遮罩层显示移出隐藏
这样子鼠标移入到购物车按钮和购物车遮罩层,购物车遮罩层显示;反之隐藏
鼠标移入移出购物车遮罩层的显示和隐藏
于 2019-02-17 22:14:15 首次发布