js放大鏡功能

2021-05-02 19:40:50 字數 1182 閱讀 1545

/*功能描述:

一般頁面的的為了布局考慮,顯示大小都小於實際大小。

滑鼠在上移動時,在旁邊展示乙個跟此顯示大小一樣的層。

並講滑鼠附近區域對應的原始的區域按原始大小顯示在這個層中。

引數描述:

origimageid

:要繫結的

img物件的

iddx

:展示大圖相對於繫結的

img物件右方的

x軸偏移量

dy:展示大圖相對於繫結的

img物件上方的

y軸偏移量

用法:window.onload = function() */

if(typeof(qsoft) == "undefined")

qsoft = {};

qsoft.popbigimage = function (origimageid,dx,dy);

var rect = this.getabssize(this.oim);

this.ol = rect.left + this.detax + this.ow;

this.ot = rect.top + this.detay;

this.src = this.oim.src;

this.getimagesize = function (img)

;size.width = im.width;

size.height = im.height;

im = null;

delete im;

return size;};

var rsize = this.getimagesize(this.oim);

this.w = rsize.width;

this.h = rsize.height;

var qobj = this;

this.createmask = function ()};

this.regevent = function ();

this.oim.onmouseout = function (e);

this.oim.onmouseenter = function (e);

}; this.render = function ();

}; qsoft.version = 0.1;

window.onload = function ()

js放大鏡特效

原理分析 當滑鼠在小上移動時,通過捕捉滑鼠在小上的位置,定位大的相應位置。同時,當滑鼠在小上移動時,右側大往相反的方向移動。放大鏡特效設計 事件捕獲 onmouseover 當滑鼠指標移動到指定物件上時發生 onmouseout 當滑鼠指標移除指定物件時發生 onmousemove 當滑鼠指標移動時...

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

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

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

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