放大鏡案例

我們經常在淘寶會看到一些商品的放大鏡效果,我們今天也來寫一下吧 1、分析 核心:通過鼠標在小圖片上的移動,按照一定的比例移動大圖片。 2、設計 A.界面元素 小窗口small 大窗口big 放大鏡 mask B.事件與屬性 事件: onmouseover:鼠標指針移到該對象時觸發 onmouseout:鼠標指針移出制定對象時觸發 onmousemove(event):鼠標移動時觸發 屬性: off
相關文章
相關標籤/搜索