-
- luowh 2019-08-24
移动的原理
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-11-13
- 求大图片的style.left
-
截图0赞 · 0采集
-
- orangewangjie3473319 2017-11-13
- 求放大镜的style.left值：方框部分
-
截图0赞 · 0采集
-
- 永恒梦境 2017-08-20
- 尺寸计算
-
截图0赞 · 1采集
-
- 慕用墨浅 2017-07-24
- 移进移除效果，display；主要为移动时，坐标变化计算
- 0赞 · 0采集
-
- 慕沐4466861 2017-05-07
- 用到了数学公式
-
截图0赞 · 0采集
-
- qq_年轻人_14 2017-04-19
- 还是图片好理解 ，截图存
-
截图0赞 · 0采集
-
- 要死了 2017-04-17
- 原理公式
-
截图0赞 · 0采集
-
- Shadow_HongYuKeJi 2017-03-08
- [Shadow]解决当页面出现滚动时，放大镜与鼠标发生分离问题: var left = _event.clientX + $(document).scrollLeft() - ......; var top = _event.clientY + $(document).scrollTop() - ......; 很简单,只需要加上对应的 $(document).scrollLeft() 和 $(document).scrollTop() 即可解决.
- 0赞 · 0采集
-
- 小茶人 2016-12-28
- 原理，尺寸
-
截图0赞 · 0采集
-
- P妞酱酱 2016-12-26
- xxxxxxxxxxxx
-
截图0赞 · 0采集
-
- P妞酱酱 2016-12-26
- cccccc
-
截图0赞 · 0采集
-
- 慕前端1463173 2016-12-21
- 比例关系
-
截图0赞 · 1采集
-
- qq_杨柳依依_0 2016-12-10
- keyi
- 0赞 · 0采集
-
- qq_杨柳依依_0 2016-12-10
- demo
- 0赞 · 0采集
-
- 慕粉4326713 2016-12-05
- 笔记添加2
- 0赞 · 0采集
-
- 慕粉4326713 2016-12-05
- js实现放大镜效果视频
- 0赞 · 0采集
-
- MonKey_526 2016-11-14
- 这个要看看前面他的解说
-
截图0赞 · 0采集
-
- 恬靖 2016-11-06
- js实现放大镜特效的核心代码
-
截图0赞 · 0采集
-
- qq__1939 2016-10-11
- 偏移公式
-
截图0赞 · 0采集
-
- qq__1939 2016-10-11
- 放大镜样式
-
截图0赞 · 0采集
-
- qq__1939 2016-10-11
- 样式1
-
截图0赞 · 0采集
-
- qq__1939 2016-10-11
- html结构
-
截图0赞 · 0采集
-
- 做一枚萌萌哒的程序媛 2016-10-11
- big-box设置了position：absolute；top和left属性,还有overflow：hidden属性，所以才会在鼠标经过时只显示图片的一部分而非整个图片
- 0赞 · 0采集
-
- vallvo 2016-06-24
- 这个公式相当明了！
-
截图0赞 · 0采集
-
- YoursBytes 2015-07-03
- 长度
-
截图0赞 · 0采集
-
- YoursBytes 2015-07-03
- 核心计算
-
截图0赞 · 1采集
-
- Sharoncoco 2015-04-19
- 放大镜特效实现： objMark.onmousemove = function (ev){ var _event = ev || window.event; //兼容多个浏览器的event参数模式 var left = _event.clientX - objDemo.offsetLeft - objSmallBox.offsetLeft - objFloatBox.offsetWidth / 2; var top = _event.clientY - objDemo.offsetTop - objSmallBox.offsetTop - objFloatBox.offsetHeight / 2; if (left < 0) {left = 0; } else if (left > (objMark.offsetWidth - objFloatBox.offsetWidth)) { left = objMark.offsetWidth - objFloatBox.offsetWidth; } if (top < 0) {top = 0; } else if (top > (objMark.offsetHeight - objFloatBox.offsetHeight)) { top = objMark.offsetHeight - objFloatBox.offsetHeight; } objFloatBox.style.left = left + "px"; //oSmall.offsetLeft的值是相对什么而言 objFloatBox.style.top = top + "px"; /比例公式 var percentX = left / (objMark.offsetWidth - objFloatBox.offsetWidth);//Top值也一样 objBigBoxImage.style.left = -percentX * (objBigBoxImage.offsetWidth - objBigBox.offsetWidth) + "px"; objBigBoxImage.style.top = -percentY * (objBigBoxImage.offsetHeight - objBigBox.offsetHeight) + "px";}
-
截图1赞 · 6采集
-
- 凤仪 2015-04-09
- ① 开发工具：WebStorm 7 ② 比例要搞清楚
- 0赞 · 1采集
-
- qq_爱你的我a_0 2015-01-17
- 一个整体，一个小盒子，一个浮动框 ，一个大盒子 浮动框透明 样式{ filter：alpha（opacity=50）;opacity:0.5;} 浮动框鼠标 样式{cursor:move}
- 0赞 · 1采集
数据加载中...