javascript苹果电脑桌面图片菜单
发布在前端菜鸟2016年7月22日view:801JavaScriptHTML
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

enter image description here javascript代码部分: window.onload=function(){ var oBox=document.getElementsByTagName("div")[0]; var oImg=oBox.children; document.onmousemove=function(ev){ var ev=ev||event; for(var i=0;i<oImg.length;i++){ var a=ev.clientX-(oBox.offsetLeft+oImg[i].offsetLeft+oImg[i].offsetWidth/2); var b=oBox.offsetTop+oImg[i].offsetTop+oImg[i].offsetHeight/2-ev.clientY; var dis=Math.sqrt(a*a+b*b); var scale=1-dis/500; if(scale<0.5)scale=0.5; oImg[i].width = scale*128; } } }

演示效果:javascript苹果电脑桌面图片菜单

评论
发表评论
6个月前

@极乐网 兄弟加友链吗

6个月前

欢迎大家加入—极乐问答平台,一个提供给开发者的技术

交流平台。

技术交流群—JavaScript问答交流群 Java问答交流群 Android开发问答交流群 iOS开发问答交流群 欢迎加入!

6个月前
赞了此文章!
6个月前
添加了一枚【评注】:>欢迎大家加入—[极乐问答平台](http://www.dreawer.com/),一个提供给开发者的技术 交流平台。 >技术交流群—[JavaScript问答交流群](http://jq.qq.com/?_wv=1027&k=2IpW3RL) [Java问答交流群](http://jq.qq.com/?_wv=1027&k=29qxbHX) [Android开发问答交流群](http://jq.qq.com/?_wv=1027&k=2A5vyqc) [iOS开发问答交流群](http://jq.qq.com/?_wv=1027&k=2ArRZ5C) 欢迎加入!
WRITTEN BY
前端菜鸟
前端菜鸟是为前端初学者提供div+css、html5+css3、JavaScript、jquery、前端web开发、移动端html5开发集一体的前端知识以及前端资讯网站!
TA的新浪微博
PUBLISHED IN
前端菜鸟

和大家共同交流javascript技术

我的收藏