简单的javascript手机导航效果
  • 分享到微信朋友圈
    X
立即下载 查看演示

为什么要做手机站

随着智能设备的普及，手机建站也逐渐开始普及，有广阔的市场和广泛的发展空间，制作手机站不仅能够提升用户体验和便利性，还能适应移动互联网的发展趋势，提高企业在移动端的竞争力和营销效率。 制作手机站可以提供更好的用户体验：手机网站可以根据移动用户的需求和行为进行设计，提供更简洁、直观和用户友好的界面。

关键代码与解析

<script>

    var obox = document.getElementById("box"); //获取id=box容器
    var odown = document.getElementById("down"); //获取id=down容器
    var timer; //定义timer
    var i; //定义i
    //当点击obox时，呈现出下拉列表的内容，给个延时效果
    obox.onclick = function () {
        if (i == 1) {
            i = 0;
            clearInterval(timer); //清除定时器timer 
            timer = setInterval(function () {//定义定时器timer
                odown.style.display = "none"; //定义id=down容器隐藏
            }, 100)
        }
        else {
            i = 1;
            clearInterval(timer); //清除定时器timer 
            timer = setInterval(function () {//定义定时器timer
                odown.style.display = "block"; //定义id=down容器显示
            }, 100)
        }
    }
    </script>

电脑效果

电脑效果图
电脑效果图

手机效果

手机效果图
手机效果图