2020-10-06

放大镜

KaTeX parse error: Expected '}', got 'EOF' at end of input: …ion updataMark(mark){
//通过判断，让小框只能在小图区域中移动
if(markLeft<0){
markLeft = 0;
}else if(markLeft>maxLeft){
markLeft = maxLeft;
}
if(markTop<0){
markTop = 0;
}else if(markTop>maxTop){
markTop = maxTop;
}
//获取放大镜的移动比例，即这个小框在区域中移动的比例
perX = markLeft/(".small").outerWidth();perY=markTop/(".small").outerWidth(); perY = markTop/(".small").outerWidth();perY=markTop/(".small").outerHeight();
bigLeft = -perX*(".big").outerWidth();bigTop=−perY∗(".big").outerWidth(); bigTop = -perY*(".big").outerWidth();bigTop=−perY∗(".big").outerHeight();
//设定小框的位置
$mark.css({“left”:markLeft,“top”:markTop,“display”:“block”});
}
//改变大图的位置
function updataBig(){
$(".big").css({“display”:“block”,“left”:bigLeft,“top”:bigTop});
}
//鼠标移出时
function cancle(){
$(".big").css({“display”:“none”});
$(".mark").css({“display”:“none”});
}
//鼠标小图上移动时
function imgMouseMove(event){
var $this = $(this);
var $mark = (this).children(".mark");//鼠标在小图的位置mouseX=event.pageX−(this).children(".mark"); //鼠标在小图的位置 mouseX = event.pageX-(this).children(".mark");//鼠标在小图的位置mouseX=event.pageX−this.offset().left - mark.outerWidth()/2;mouseY=event.pageY−mark.outerWidth()/2; mouseY = event.pageY-mark.outerWidth()/2;mouseY=event.pageY−this.offset().top - mark.outerHeight()/2;//最大值maxLeft=mark.outerHeight()/2; //最大值 maxLeft =mark.outerHeight()/2;//最大值maxLeft=this.width()- mark.outerWidth();maxTop=mark.outerWidth(); maxTop =mark.outerWidth();maxTop=this.height()- mark.outerHeight();markLeft=mouseX;markTop=mouseY;updataMark(mark.outerHeight(); markLeft = mouseX; markTop = mouseY; updataMark(mark.outerHeight();markLeft=mouseX;markTop=mouseY;updataMark(mark);
updataBig();
}
$(".small").bind(“mousemove”,imgMouseMove).bind(“mouseleave”,cancle);
})

<!doctype html>

jQuery Image Zoom Demo

2020-10-06相关推荐

2020.10月做题记录
PS:本博客仅选择了一些作者认为有必要记录的题目进行记录. week -1 2020.09.28-2020.10.4 军训+国庆放假-就这样又废了一周- 2020.10.04 回来第一天完全没有状态- ...
2020年第11届蓝桥杯 Java B组省赛真题详解及小结【第2场省赛 2020.10.17】
蓝桥杯 Java B组省赛真题详解及小结汇总[2013年(第4届)~2020年(第11届)] 说明:大部分题解思路及程序代码源自蓝桥杯官网视频(Java B组历年真题解析) -- 郑未老师. ...
微生物组-宏基因组分析第9期(报名直播课免费参加线下2020.10本年最后一期)
福利公告:为了响应学员的学习需求,经过易生信培训团队的讨论筹备,现决定安排扩增子16S分析.宏基因组.Python课程和转录组的线上直播课.报名参加线上直播课的老师可在1年内选择参加同课程的一次线下课 ...
宏基因组分析第9期(报名直播课免费参加线下2020.10本年最后一期)
福利公告:为了响应学员的学习需求,经过易生信培训团队的讨论筹备,现决定安排扩增子16S分析.宏基因组.Python课程和转录组的线上直播课.报名参加线上直播课的老师可在1年内选择参加同课程的一次线下课 ...
python平均工资-2020 10大薪资最高的IT编程语言排名
坊间流传一句俗语: 三百六十行,行行转IT. IT行业自2016年首次超过金融行业以后,一直到现在每年都是稳居高薪第1名的宝座. 本文盘点了2020 10大薪资最高的IT编程语言排名,看看是哪些编码技 ...
【会议记录】第二次例会（10.06）记录
第二次会议记录时间:2013.10.06(由于本周五全员无法到齐,推迟至今) 地点 ZJ1#406 记录黄怀毅出勤情况到场组长:黄怀毅组员:陈鹏飞张世钱张舒彤肖超玮请假无 ...
工作篇-佛山三水恒大-2020.10.23
** 工作篇-佛山三水恒大-2020.10.23 **人生第一次工作啊啊啊啊啊其实按道理来说,第一次应该会很很紧张吧,不过我倒没有. 也不知道是我不怕还是什么,一切进行的挺顺利的. 前言:讲真那句, ...
信息学奥赛一本通 1181：整数奇偶排序 | OpenJudge NOI 1.10 06:整数奇偶排序
[题目链接] ybt 1181:整数奇偶排序 OpenJudge NOI 1.10 06:整数奇偶排序 [题目考点] 1. 排序 [君义精讲]排序算法 [解题思路] 解法1:将奇数和偶数分开,分别排序 ...
2020.10.s1 冯上
2020.10.s1 冯上待验证 a? ? ? 待定
一周随笔--15.10.06
一周新知识点记录(15.10.06) 一.UIWindow的windowLevel (优先级) 我们在程序中获取通过[UIApplication sharedApplication].keyWindo ...

2020-10-06

2020-10-06相关推荐

最新文章

热门文章