- 博客(3)
- 收藏
- 关注
原创 放大镜系列之三:ie8下对图片的旋转以及放大镜效果的兼容方案
如果我们用上一篇文章里的方案在ie8试验一下,就会发现一些问题,一个是鼠标移动时放大镜不停的闪烁,另一个是当图片发生旋转时放大镜显示的部分不是鼠标指向的部分。 第一个问题的原因很简单,ie8下放大镜的div不是透明的,放大镜的存在,直接触发小图的鼠标mousemove事件啦。解决方法是要么加入一个监听放大镜的事件,要么把放大镜的位置放在小图的右上方(只要不遮挡小图就可以);第二个问题的原...
2018-12-18 11:29:43
820
原创 放大镜系列之二:JS实现对图片的简单旋转及简易放大镜效果
上一篇初步介绍了简易的放大镜效果。然而如果需求里又增加了一项,要求可以对图片进行90度,180度,270度旋转,我们又该如何实现呢? 首先先在html里加上一排旋转用的按钮,然后html的内容如下:<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"></html><head...
2018-12-18 10:17:41
626
原创 放大镜系列之一:JS实现对图片的简易放大镜效果的探索
有时候,页面里的图片不是很大,很多细节没办法看清楚,这时候用户或产品经理总会希望鼠标移到图片时会放大图片的一部分细节。那么问题来了,实现放大镜的效果都需要哪些原材料呢? 假设,html页面里只有如下的内容:<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"></html><h...
2018-12-17 10:25:08
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人