用JS实现放大镜特效_技术问答

首页免费课用JS实现放大镜特效问答

用JS实现放大镜特效

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65870
免费课程
                                
jQM Web App –列车时刻表
中级·38490
免费课程
                                
基于bootstrap的网页开发
中级·187668
免费课程
                                
WEB调试工具---Firebug
初级·77661
免费课程
                                
网页定位导航特效
初级·71403
免费课程
                                
                难度初级
            
                时长31分
            
                学习人数
            
综合评分9.67
                            110人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

计算float层位移时，可以在smallBox容器中用event.offsetX和event.offsetY来算吗?

+ 我来回答回答最高可+2积分

1 回答 1349 浏览 4-1 用JS放大镜特效实现

2018-07-02

X/(B-A) = ?/(D-C)这个计算比例中的?是之前的Y吗，怎么感觉前后矛盾？

最新回答 / 哆啦A梦美味

结论是对的，X/(B-A) = ?/(D-C) 因为大图和小图都是等比的，所以（B-A ）和（D-C）是等比的，也就是说，是倍数关系。因此，；已知X，就可以求出？的值，X是，在小图里面的left值，？是在大图里面移动的值，X和?是等比的。

1 回答 1436 浏览 4-1 用JS放大镜特效实现

2018-05-30

mask层的层级必须在放大镜之上吧？

最新回答 / qq_巧诈不如绌诚_0

嗯，对的

1 回答 1365 浏览 5-1 解决兼容性问题

2018-05-30

老师，ev是什么意思

最新回答 / four_WW

ev 是evet的缩写

1 回答 1468 浏览 4-1 用JS放大镜特效实现

2018-05-28

小小Frank丶

哇，这个bgm好听

1 1-1 JS放大镜特效简介

2018-05-22

慕粉2214485564

代码有bug，当右滚动条不是最上面的时候或左滚动条不是最左边的时候放大镜的放大位置有所偏移。原因是_event.clientY/X是相对于窗口的相对距离不包括对整个页面的距离，解决方法：把鼠标移入事件里第3 ，4行代码_event.clientY/X改为_event.pagY/X。顶我上去让大家看见谢谢大家一起进步！

2018-03-19

尼称已占用

我居然答错了3次，看来我需要去搬砖了，呜呜…………

0 2-3 练习题

2018-03-07

慕粉1722596096

老师那个有bug，就是图片容器上边有高度的时候，鼠标移动就下不来，求解决

2018-03-06

执行出来了吗

最赞回答 / 酷学007

找到问题所在了，网页给的代码中var和后面的变量之间缺少空格

1 回答 1389 浏览 4-3 编程练习

2018-01-29

彈指

从来都是自己打开一个很high的音乐提神然后再看课程。。。老师自己配的表示太嘈杂嘻嘻

0 3-1 放大镜特效设计

2018-01-17

AllySu

已经完全掌握，感谢老师耐心的讲解。初次接触，看一遍，想一遍，敲一遍，再回来看一遍，已经没有问题了！

0 6-1 编程挑战

2017-11-28

AllySu

mark在后面啊，为了兼容万恶的IE。当不懂的时候跳过，后面才有啊。完整性就是这么来滴

0 4-3 编程练习

2017-11-28

AllySu

公式X/(B-A) = ?/( D-C)是由核心等比关系 B/D=A/C=X/?转化而来的。转化的目的是，A,B，X可以直接在网页上求值，而大图片的相关值是隐藏的。

0 4-1 用JS放大镜特效实现

2017-11-28

AllySu

新手梦想着一遍过去就能懂，太不现实了。首先应该是尝试去理清老师说的核心原理、方法。其次各种“ 距离值“ 的必须烂熟于心，就是那六个值。差不多了之后可以参考老师的代码，看看还有哪个点搞不清楚的，再反复看视频来学习，抱怨谁都会，老师免费提供学习资料，没有功劳也有苦劳！其实老师讲的非常好，其他的课程也非常好，良师难求啊。

1 5-1 解决兼容性问题

2017-11-27

AllySu

上节课老师已经讲的很明白了，也采用控制台演示了，非常详细

0 3-3 练习题

2017-11-27

AllySu

还别说，Photoshop是前端必须掌握的，移动，切图，雪碧合并图，jpeg, png-8,png-24等等也是必备的，当初前端被称为切图仔，Photoshop不会的话，可以去搬砖咯

0 2-2 练习题

2017-11-27

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 您至少需要掌握HTML、CSS、Javascript的基础语法和知识。

老师告诉你能学到什么？: 通过本课程的学习，您将初步掌握分析和解决问题的思路，JS鼠标事件的运用，页面元素定位和移动，多浏览器调试等技巧。

微信扫码，参与3人拼团

热搜

最近搜索清空