秒懂放大鏡

2021-10-09 16:13:19 字數 1859 閱讀 1154

難點列出

1.滑鼠在區域時,透明小區域出現,放大的區域出現

2.滑鼠移出時,透明小區域小時,放大區域消失

3.透明小區域隨著滑鼠移動

難點解決關鍵(對應解決回答)

1.通過滑鼠onmourseover監聽滑鼠的略過,改變透明小區域和放大區域的display,置為block

2.通過滑鼠onmourseover監聽滑鼠的略過,改變透明小區域和放大區域的display,置為none

3.通過event物件獲取滑鼠的當前座標位置,即方法event.layerx,event.layer.y,然後通過放入滑鼠事件onmoursemove監聽,不停的將透明小區域的top和left置為event.layerx,event.layer.y的值

<

!doctype html>

"utf-8"

>

<

/title>

<

/head>

*#all

#small

#small img

#shadow

#cover

#big

#big img

<

/style>

window.

onload

=function()

function

move()

small.

onmouseout

=function()

small.

onmousemove

=function()

}function

change

(event)

if(movel>smallw-shadowwh)

if(movet<0)

if(movet>smallw-shadowwh)

shadow.style.left=movel+

"px"

; shadow.style.top=movet+

"px"

;/**

* 放大

出處

放大鏡 放大鏡應該怎麼選擇,有那些放大鏡

放大鏡是用以放大物體的凸透鏡,顯微鏡的雛形。通常用來觀察物體細節。放大鏡是焦距比眼的明視距離小得多的會聚透鏡。放大鏡按外表分類可以分為可攜式放大鏡 眼鏡式放大鏡和立式放大鏡。按使用人群分類,可分為老年人閱讀放大鏡 兒童放大鏡 戶外便攜放大鏡 專業鑑定測量放大鏡和醫用放大鏡等。台式放大鏡就是可以固定的...

放大鏡 講課 《放大鏡》教學設計

放大鏡 教學設計 寧波市鄞州區宋詔橋小學 竺紅波 教學目標 科學概念 1 放大鏡是凸透鏡,具有放大物體影象,看清更多細節的作用。2 放大鏡鏡片的特點是透明和中間厚,邊緣薄 鏡片凸度越大,放大倍數越大。3 放大鏡廣泛應用在人們學習 生活 生產的許多方面。過程與方法 1 經歷觀察工具共同點和不同點的對比...

放大鏡 史上最小放大鏡 奈米放大鏡能看到單原子活動

史上最小放大鏡能有多小?放大鏡定義 放大鏡 英文名稱 magnifier 用來觀察物體微小細節的簡單目視光學器件,是焦距比眼的明視距離小得多的會聚透鏡。物體在人眼視網膜上所成像的大小正比於物對眼所張的角 視角 史上最小放大鏡能 數百年來科學家們一直堅信,光跟所有其他波一樣,不能被聚焦到比它們的波長更...