鼠标移入移出购物车遮罩层的显示和隐藏
开发工具与关键技术:Adobe
Dreamweaver CC 与JavaScript
作者:黄灿
撰写时间:2019.2.6
鼠标移入购物车按钮遮罩层显示,鼠标移出购物车按钮遮罩层隐藏
图1
这样简单的JavaScript能使购物车的遮罩层显示和隐藏,但是一般我们购物的时候鼠标需要移动到购物车遮罩层中,这样子鼠标就会移开购物车按钮,这时购物车遮罩层就消失,所以我们需要再加一段JavaScript使鼠标移入购物车遮罩层中购物车遮罩层显示移出隐藏
图2
这样子鼠标移入到购物车按钮和购物车遮罩层,购物车遮罩层显示;反之隐藏