当前位置：首页 > 移动开发 > 正文

苹果菜单

yunbo1
移动开发
2026-09-06
195

<!DOCTYPE html >

<head>

<style>

*{ padding: 0; margin: 0;}

input{ border: 1px solid #333}

#div1{ position: absolute; bottom: 0; text-align: center; width: 100%;}

#div img{ width: 64px;}

< /style>

</head>

<body>

window. onload= function(){

var oDiv = document. getElementById( "div1");

var oImg = document. querySelectorAll( ‘img‘);

document. onmousemove= function( ev){

var ev = ev|| window. event;

for( var i= 0; i< oImg. length; i++){

var x = oImg[ i]. offsetLeft+ oImg[ i]. offsetWidth/ 2;

var y = oImg[ i]. offsetTop+ oImg[ i]. offsetHeight/ 2+ oDiv. offsetTop;

var a = ev. clientX - x;

var b= ev. clientY - y;

var c = Math. sqrt( Math. pow( a, 2) + Math. pow( b, 2));

var scale = 1- c/ 300;

if( scale < 0.5){

scale = 0.5;

}

oImg[ i]. style. width= scale* 128 + ‘px‘;

oImg[ i]. style. height= scale* 128 + ‘px‘;

}

};

}

< /script>

</div>

</body>

</html>

上一篇
leetcode 283. 移动零

下一篇
【Android】ViewModel+LiveData：更加直接地控制视图的方式

苹果菜单

最新文章

QQ美颜相机拍照技巧

QQ滤镜一键美化功能

QQ直播观看小技巧

QQ直播送礼互动玩法

QQ直播弹幕设置方法，分场景操作指南一文讲清

QQ日历行程管理技巧

QQ语音速记功能使用

QQ拍照翻译功能使用

热门文章

ios微信分享的兼容性问题

微信小程序 - 事件绑定bind和catch 区别

7-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(微信配网_申请微信公众号)

微信浏览器中禁止app下载链接的两种处理方法

【php】PHP制作QQ微信支付宝三合一收款码

从微信中跳到外部浏览器

SQL SERVER 还原误操作导致还原无法停止，处理办法

10-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(微信配网配置_Airkiss步骤_1)

苹果菜单

相关文章

最新文章

热门文章