苹果菜单

Posted 阿弥陀佛么么哒!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了苹果菜单相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin:0;
                padding:0;
            }
            img{
                width:100px;
                height: 100px;
            }
            #div1{
                position: absolute;
                width: 100%;
                bottom: 0;
                height: auto;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id="div1">
            <img src="img/3.jpg"/>
            <img src="img/4.jpg"/>
            <img src="img/5.jpg"/>
            <img src="img/6.jpg"/>
            <img src="img/7.jpg"/>
            <img src="img/8.jpg"/>
        </div>
    </body>
    <script>
        var oDiv = document.getElementById(‘div1‘);
        var aImage = document.getElementsByTagName(‘img‘);
        document.onmousemove = function(ev){
            var event = ev || window.event;
            for(var i=0;i<aImage.length;i++){
                var x = aImage[i].offsetLeft +aImage[i].offsetWidth/2;
                var y = aImage[i].offsetTop +aImage[i].offsetHeight/2+oDiv.offsetTop    ;
                
                var a = event.clientX - x;
                var b = event.clientY - y;
                
                var c = Math.sqrt(Math.pow(a,2)+Math.pow(b,2));
                
                var scale = 1.5-c/300;
                if(scale<0.5){
                    scale = 0.5;
                }
                aImage[i].style.width = scale*200+‘px‘;
                aImage[i].style.height = scale*200+‘px‘;
            }
            
            
            
        }
    </script>
</html>

 

以上是关于苹果菜单的主要内容,如果未能解决你的问题,请参考以下文章

常用的几个JQuery代码片段

标签菜单android - 不正确的调用片段

使用导航从工具栏菜单项单击在片段之间传递数据 - Kotlin

12个用得着的 JQuery 代码片段

Mac电脑(苹果电脑)Qt 菜单栏不显示的问题解决办法

如何在片段中使用与活动中不同的菜单?