- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
图片放大倍数(Image magnification)
图片放大倍数(Image magnification)
风格类型= textcss
。在2000年的时间里,我的工作是在我的工作中,在我的工作中,在我的工作中,在我的工作中,在我的工作中,在我的工作中,在我的工作中,我的工作是在我的工作中,在我的工作中,在我的工作中,在我的工作中。
。img_warp { positionrelative;top0px left0px;cursorcrosshair }
。img_warp。当前{ width318px;height199px }
风格
脚本类型= textjavascript
var $ E =函数(选择){
函数(objId)返回(objId===string)document.getelementbyid(objId)objId;
var beImg,扩大、剪辑、封面,扭曲,expImg;
var clipWidth clipHeight;
var closeTimeId =零;
var乘= 1;图片放大倍数,根据裁剪框和放大后图片容器的大小自动调整
初始化
(函数(){
beImg = _(opts.berviary);
经= beImg.parentNode;
封面= document.createElement(div);
warp.appendChild(封面);
cover.style。位置=绝对;
cover.style。顶级= 0 px;
cover.style。左= 0 px;
cover.style。写成backgroundColor = # ccc;
var opac=parseFloat(不透明度)0.3;
cover.style。不透明度= opac系统中;
cover.style。过滤=Alpha(不透明度=+opac 100+);
cover.style。宽度= 100%;
cover.style。身高= 100%;
cover.style。zIndex = 2;
cover.style。可见性=隐藏;
剪辑= document.createElement(img);
warp.appendChild(夹);
clipWidth =(选择。剪辑 opts.clip.width)60 px;
clipHeight =(选择。剪辑 opts.clip.height)60 px;
夹。src = beImg.src;
夹。className = beImg.className;
clip.style。位置=绝对;
clip.style。顶级= 0 px;
clip.style。左= 0 px;
clip.style。剪切=矩形(0px,+剪切宽度+,+剪切高度+,0 px);
clip.style。写成backgroundColor = # ccc;
clip.style。zIndex = 3;
ie里面会变态的自动设置宽度和高度
clip.removeAttribute(宽度);
clip.removeAttribute(高度);
})();
函数layerPos(e){
如果(e。layerX e.layerY){
返回{ xe.layerX ye.layerY };
其他} {
返回{ xe.x ye.y };
}
}
函数absolutePos(e){
如果(e。pageX e.pageY){
返回{ xe.pageX ye.pageY };
其他} {
var x = e。clientX +(document.documentElement.scrollLeftdocument.documentElement。
scrollLeft document.body.scrollLeft);
var y = e。clientY +(document.documentElement.scrollTopdocument.documentElement。scrollTop document.body.scrollTop);
返回{ xx,yy };
}
}
var showExpand = function(x,y,e){
如果(扩大){
initExpand();
}
expImg.style。左=(-1-x)mult+px;
expImg.style。顶部=(-1-y)mult+px;
如果((! opts.expand)(! opts.expand.id)){
var apo = absolutePos(e);
expand.style。左= 13。x+parseFloat(剪切宽度)2+20+px;
expand.style。= 13。y + px;
}
初始化放大的div
函数initExpand(){
如果选择。扩大 opts
您可能关注的文档
- 七年级语文上册 看云识天气同步训练 苏教版(The seventh grade language is read by the Chinese).doc
- 七年级语文上册《看云识天气》同步练习4 人教新课标版(The seventh grade Chinese book looking at the weather in the new class).doc
- 七年级语文第四单元基础知识小测(Elementary knowledge of the fourth unit of language in seventh grade).doc
- 三国志英雄传 攻略(The heroic biography of the three countries).doc
- 三会50问LDGS(Three will ask LDGS).doc
- 三刃木终极收藏指南(Guide to the ultimate collection of three-blade wood).doc
- 三年级奥数(Third grade Olympic).doc
- 三年级数学应用题练习总汇(共68题)(Third grade mathematics application exercises total (68 questions)).doc
- 三年级数学练习16948(Third grade math exercise 16948).doc
- 三年级数学练习1444(Third grade math exercise 1444).doc
- 图片的几种格式,有什么区别(What is the difference between several formats of pictures).doc
- 图邻接矩阵 邻接表的建立c++_数据结构课程设计(Graph adjacency matrix adjacency list of c + + _ data structure curriculum design).doc
- 图重庆经典楼盘广告语逐个数-彩云小城论坛-焦点重庆房地产网(Image chongqing classic building advertising words number one - color cloud city BBS - focus on chongqing real estate network).doc
- 图雅得测距仪(Tuya rangefinder).doc
- 圆周率π在c语言课程中的应用(PI is applied in c language course).doc
- 圆复习课(Round recitation).doc
- 土力学简答(Soil mechanics).doc
- 土囊分辨(To distinguish between soil sac).doc
- 土壤名词(Soil noun).doc
- 土壤学试题(Soil science test).doc
最近下载
- 21塑造地表形态的力量(课件)-高二地理学与练(人教版2019选择性必修1).pptx
- gamma软件介绍课件.ppt VIP
- T_FSBMEA 0003—2025(牙科综合治疗机技术规范).pdf
- 宜搭低代码开发师(中级)部分考题.docx VIP
- 英语主谓宾定状补讲解[整理].pdf VIP
- GB50060-2008 3~110kV高压配电装置设计规范.pdf VIP
- 2025中水北方勘测设计研究有限责任公司校园招聘笔试参考题库附带答案详解.docx
- 社区工作人员真题含完整答案详解(全优).docx VIP
- 15.4 电流的测量 课件(共30张PPT)2025-2026学年人教版(2024)九年级全册.pptx VIP
- 公司日常行为规范及管理制度.docx VIP
文档评论(0)