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

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苹果电脑桌面图片菜单

评论
发表评论
暂无评论
WRITTEN BY
前端菜鸟
前端菜鸟是为前端初学者提供div+css、html5+css3、JavaScript、jquery、前端web开发、移动端html5开发集一体的前端知识以及前端资讯网站!
TA的新浪微博
PUBLISHED IN
前端菜鸟

和大家共同交流javascript技术

友情链接 大搜车前端团队博客
我的收藏