                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /用JS實現放大鏡特效

對老師案例中的比例不理解的，往這看。

我就不解釋了，你們慢慢研究吧，我感覺比老師的稍微能簡單點。

冷眼看盡繁華丿

2016-08-25

源自：用JS實現放大鏡特效 4-1

關注問題我要回答

1625

操作

收起

3 回答

ExiaGo
2017-01-25

哈哈，多謝你的答案，其實我估計大部分人不明白的是老師怎么從圖片中運用數學的比例來得出他的那個等式而已啦，而且代碼還是分開來寫，所以說就有些懵了，我開始看也是，后來看到你的才意識到代碼把分數等式分開來計算，后來我就直接一條等式來計算了。請看我的代碼。

var?zoomX?=?floatLeft*(objBigBoxImage.offsetWidth?-?objBigBox.offsetWidth)/(objSmallBox.offsetWidth?-?objFloatBox.offsetWidth)
????var?zoomY?=?floatTop*(objBigBoxImage.offsetHeight?-?objBigBox.offsetHeight)/(objSmallBox.offsetHeight?-?objFloatBox.offsetHeight)
????
????objBigBoxImage.style.left?=?-zoomX?+?"px";
????objBigBoxImage.style.top?=?-zoomY?+?"px";