博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
仿制mac效果
阅读量:4358 次
发布时间:2019-06-07

本文共 553 字,大约阅读时间需要 1 分钟。

  苹果的效果无可否认地让人愉悦,今天学习JS的时候,刚好学习了一个仿制Mac效果的js。实现起来其实很简单,用到了勾股定理来确定变化的系数。是不是能做些邪恶的东西呢~目前还有个问题待解决,在Y轴上设定一个范围有点问题,导致隔着老远都能打着牛或者卡着,与博客的某些样式有点不融洽呢~~~

for(i;i<oImg.length;i++){

     var x = oImg[i].offsetLeft + oImg[i].offsetWidth/2;
     var y = oImg[i].offsetTop + oWrap.offsetTop + oImg[i].offsetHeight/2;
     var dis = Math.ceil(Math.sqrt(Math.pow(x - oEvent.clientX,2)+Math.sqrt(Math.pow(y - oEvent.clientY,2))));
     var scale = 1 - dis/300;
     if(scale<0.4){
          scale = 0.4;
      }
          oImg[i].width = scale * 160;
}

转载于:https://www.cnblogs.com/YeRenMing/archive/2012/09/26/2703970.html

你可能感兴趣的文章
PHP Curl发送数据
查看>>
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
查看>>
js时间戳转时间格式
查看>>
Nginx配置文件nginx.conf中文详解(总结)
查看>>
Linux的用户态和内核态
查看>>
JavaScript原生错误及检测
查看>>
(原创) cocos2d-x 3.0+ lua 学习和工作(4) : 公共函数(3): 深度克隆clone()
查看>>
为什么写作
查看>>
整数子数组求最大和添加验证
查看>>
使用kubeadm安装Kubernetes
查看>>
Principal Component Analysis 主元分析
查看>>
linux分割字符串操作
查看>>
linux下安装Mongodb
查看>>
Page.RegisterStartupScript和Response.Write的区别。
查看>>
hdu4348区间更新的主席树+标记永久化
查看>>
ZOJ 2532 Internship
查看>>
HDU 3452 Bonsai
查看>>
[Erlang12] Mnesia分布式应用
查看>>
图的遍历 | 1013 连通块块数
查看>>
Kinect 开发 —— 进阶指引(上)
查看>>