<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0px; padding:0px; border:0px; } #demo{ width:80 ...
分类:
Web程序 时间:
2017-03-31 00:15:22
阅读次数:
290
打开终端(找不到的点击 Mac 屏幕右上角放大镜按钮,Spotlight 搜索 “终端”),粘入下面这行命令,回车就行了。注意最后的 # 替换成你希望通知中心横幅停留的秒数,比如 15。defaults write com.apple.notificationcenterui bannerTime ...
分类:
系统相关 时间:
2017-03-24 20:29:55
阅读次数:
298
每当打开淘宝,天猫等pc端时,看到心仪的物品时,点击图片时,便呈现出放大的效果。在没有去理解分析它的原理时,感觉非常的神奇,当真正地去接触,也是非常好理解。如下图展示所见: 很是常见,在此记载一下,毕竟好记性不如烂笔头。 主要事件: onmouseout onmouseover onmousemov ...
分类:
Web程序 时间:
2017-03-23 14:38:14
阅读次数:
254
1 2 3 4 JQZoom放大镜插件 5 8 11 13 21 32 33 34 35 36 图片放大镜 37 38 39 40 41 ... ...
分类:
Web程序 时间:
2017-03-22 00:10:10
阅读次数:
177
这个特效平时生活中很常见,话不多说先上效果图。 首先布局,遮罩层是这个效果中的重点精华,也就是下面代码中的shade. 接下来是JS部分,在实现放大的效果时,小图滑动的比例与大图定位时的相对应的top,left,是效果的关键。 最后写的有点快,代码不够简洁,注释也挺恶心,有时间修正。 ...
分类:
其他好文 时间:
2017-03-20 22:26:12
阅读次数:
314
今天我想写一个放大镜因为毕竟在做网页的时候,特别是一些电商的详情页放大镜是必不可少的.什么都不说了上代码 1,html代码 2,css代码 3,js代码 原理: 只要我们算放大镜的位置,其实放大镜并不难 在这里要特别注意一点,e.clientX/clientY和e.pageX/pageY两者之间的区 ...
分类:
Web程序 时间:
2017-03-20 00:32:45
阅读次数:
249