難點列出
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 用來觀察物體微小細節的簡單目視光學器件,是焦距比眼的明視距離小得多的會聚透鏡。物體在人眼視網膜上所成像的大小正比於物對眼所張的角 視角 史上最小放大鏡能 數百年來科學家們一直堅信,光跟所有其他波一樣,不能被聚焦到比它們的波長更...