做畢業設計，老師看完小樣后，嫌棄我購物車里商品圖片太大，不美觀，讓美化個效果。上網查查代碼，修改了一個簡單版的。

使用的是jquery， 未使用JavaScript獲取鼠標狀態，這主要和JavaScript需在標簽本身內含寫出所調用到的動作，太麻煩了，一會就把自己搞糊涂了，使用jquery技術直接根據標簽的id，class等等，就可以辨識出來觸發條件，直接作出回應(百度百科上說這是jquery很大的一個優勢，不用再在html里面插入一堆js來調用命令，只需要定義id即可)。

使用這個技術的目的是為了實現在購物車內閱覽貨物時，只需要顯示小圖，當鼠標滑過時顯示大圖。主要是為了提高用戶體驗，否則在購物車大圖顯示商品信息會直接影響整個網頁的美觀性。

實現出來的樣子就是這樣。

源碼：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

Jquery實現鼠標移動放大圖片功能實例_jquery

Jquery實現鼠標移動放大圖片功能實例_jquery:本文實例講述了Jquery實現鼠標移動放大圖片功能的方法。分享給大家供大家參考。具體分析如下： 做畢業設計，老師看完小樣后，嫌棄我購物車里商品圖片太大，不美觀，讓美化個效果。上網查查代碼，修改了一個簡單版的。 使用的是jquery， 未使用JavaScr

推薦度：

點擊下載本文 文檔為doc格式