加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

JavaScript 移动核心放大图片局部结果代码

发布时间:2018-08-23 03:25:47 所属栏目:创业 来源:站长网
导读:先来看一下结果: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=GBK /t

在该要领中有2个必要留意的处所:
1.  this.getElementsByTagName('div')[0].style.display = '';

应该放在配置this.getElementsByTagName('div')[0]的top与left之前,缘故起因是假如display为none的话,无法获取其宽和高.假如把display = ''放在配置top与left之后,会呈现一个稀疏的征象,各人可以试下,该题目一向困扰了我好久,在多次实行中才发明题目再这上面,征象如下:

JavaScript 移动核心放大图片局部结果代码

2.  'top' : Math.min(Math.max(pos.y - this.offsetTop - parseInt(this.getElementsByTagName('div')[0].style.height) / 2,0),this.clientHeight - this.getElementsByTagName('div')[0].offsetHeight) + 'px';

这么长的代码也许让人很狐疑,我只是用Math.max()和Math.min()去停止了回收if语句,本身偷了点懒,就是为了实现赏识框不会超出原始图像罢了,细心看看就清晰啦.^^

end要领很清楚,就是赏识框和放大框举办潜匿.

[包围select]
在为了在IE6下可以包围select,我插手了2个放法createIframe和removeIframe.别离是在onmouseover变乱里建设一个iframe和在onmouseout里烧毁iframe.

createIframe:function(elem){
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:false;';
elem.parentNode.appendChild(layer);

layer.style.width = elem.offsetWidth + 'px';
layer.style.height = elem.offsetHeight + 'px';
}

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读