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

全部评论问答未解决精华

<p>源代码你float-box这属性都设置为隐藏了 display：none；为什么还要设置背景颜色这不多此一举么还有那个mark div框属性是不隐藏...

最新回答 / Rabbit_0005

老师设置背景色，是因为鼠标移上去，这个框框要显示，显示的时候是有颜色的，而开始时，这个是隐藏的。然后mark是为了兼容ie6，让它置于顶层，我们移动操作的是mark，但是又因为不能看到，所以设置了透明，这样即实现了兼容ie6，又让我们视觉上感受到是在图片上滑动。你多看两遍吧，我觉得老师讲的挺好的。

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

2014-10-26

<p>怎么最下面移除了呢？</p>

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

0 回答 861 浏览 6-1 编程挑战

2014-09-17

<p>要是写代码的时候放大点就好了，这样有些看不清楚，有点吃力<br/></p>

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

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

2014-09-15

<p>呃呃呃还有背景音乐？？= =|||</p>

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

1 回答 934 浏览 2-1 原理分析

2014-09-15

<p>demo,小图和demo一样的大小啊，可以不用减去$smallbox.offsetLeft吧</p>

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

1 回答 971 浏览 6-1 编程挑战

2014-09-14

<p>在IE Tester用IE 6测试代码，发现解决了闪烁的问题，但opacity未发挥作用，整个小图区块被白色背景覆盖，下载课程的源代码发现存在着同样的问题，求解</p>

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

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

2014-09-13

<p>鼠标在中间</p>

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

2 回答 859 浏览 4-3 编程练习

2014-09-13

<p>demo</p>

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

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

2014-09-13

<p>老师这段代码还是有点小BUG啊，为什么在IE中当鼠标悬浮到小图片所在范围边框时，放大镜就会出了小图片的范围跑到外面去了，这是为什么啊？    课程下载的源代码也是这...

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

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

2014-09-13

<p>哈哈哈老师英语口语不太好，不过课程真心很不错，期待老师出更多课程</p>

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

1 回答 954 浏览 3-1 放大镜特效设计

2014-09-12

<p>受教了  </p><p><br/></p>

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

2 回答 1006 浏览 2-3 练习题

2014-09-12

<p>怎么突然多了个mark出来阿－－</p>

最新回答 / qq_Dontbesad_0

Demo的offsetWidth是border宽加上本身宽, 下面计算如果以Demo为准的话会有一点点失误, mark应该是作为一个计算的标准

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

2014-09-12

<pre class="brush:bash;toolbar:false">嘻嘻。。。</pre>

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

2 回答 774 浏览

2014-09-12

<p>感觉很牛逼啊 </p>

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

0 回答 760 浏览

2014-09-12

<p>mark 是纯属多余的。</p><p> $(function(){</p><p>    var $demo =...

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

0 回答 1145 浏览 6-1 编程挑战

2014-09-11

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

开始学习

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

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

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消