用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
                                逻辑清晰

全部评论问答未解决精华

Shadow_HongYuKeJi

[Shadow-引用jquery3.1解决浏览器兼容问题]解决当页面出现滚动时，放大镜与鼠标发生分离问题:
var left = _event.clientX + $(document).scrollLeft() - ......;
var top = _event.clientY + $(document).scrollTop() - ......;
很简单,只需要加上对应的 $(document).scrollLeft() 和 $(document).scrollTop() 即可解决.

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

2017-03-09

Shadow_HongYuKeJi

[Shadow]解决当页面出现滚动时，放大镜与鼠标发生分离问题:
var left = _event.clientX + document.body.scrollLeft - ......;
var top = _event.clientY + document.body.scrollTop - ......;
很简单,只需要加上对应的 document.body.scrollLeft 和 document.body.scrollTop 即可解决.

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

2017-03-08