300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 原生JS仿苹果任务栏菜单 放大效果的菜单_导航菜单

原生JS仿苹果任务栏菜单 放大效果的菜单_导航菜单

时间:2019-11-19 12:39:46

相关推荐

原生JS仿苹果任务栏菜单 放大效果的菜单_导航菜单

web前端|js教程

苹果,任务栏菜单

web前端-js教程

相信本菜单会让你学习到一些新鲜的JS技巧。

视频自动更新源码,ubuntu支持蓝额,重启tomcat三种命令,斗鱼tv爬虫,ajax调用php异步请求,vue cli seolzw

JS仿苹果任务栏菜单

ntfs源码,ubuntu学后感,本地电脑配置tomcat,夏天常见爬虫,php 3d模型,樟树SEOlzw

body{margin:0;padding:0} #menu{position:absolute;width:100%;bottom:0;text-align:center;}

window.onload = function () { var oMenu = document.getElementById(“menu”); var aImg = oMenu.getElementsByTagName(“img”); var aWidth = []; var i = 0;

织梦源码 地图更改,ubuntu串口永久权限,如何下载老版本tomcat,京东 爬虫 jsoup,php显示图片代码

,seo晴天lzw

for (i = 0; i < aImg.length; i++) { aWidth.push(aImg[i].offsetWidth); aImg[i].width = parseInt(aImg[i].offsetWidth / 2) } document.onmousemove = function (event) { var event = event || window.event; for (i = 0; i < aImg.length; i++) { var a = event.clientX – aImg[i].offsetLeft – aImg[i].offsetWidth / 2; var b = event.clientY – aImg[i].offsetTop – oMenu.offsetTop – aImg[i].offsetHeight / 2; var iScale = 1 – Math.sqrt(a * a + b * b) / 300; if (iScale < 0.5) iScale = 0.5; aImg[i].width = aWidth[i] * iScale } }; };

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。