javascript - js动态改变css,

标签 javascript html css

<分区>

我正在创建我的页面的移动版本,我在其中插入了一个类似导航的新 iphone,它几乎可以正常工作,但背景 html 元素仍在不应该显示的地方显示。

这是我的网站:http://www.top-jobs-europe.de/m/

有人可以看看并尝试帮助我吗?目的是菜单链接一开始应该隐藏,打开后应该可以看到,关闭后就看不到了。一旦您看到该页面,凭直觉您就会明白我的问题。

最佳答案

在您的iphonemenu.js 文件中,更改以下内容,添加一个变量来处理menu_cose 的动画:

$(document).ready(function(){
    var menuclose = $("menu_close");
    var pagebody = $("#pagebody");
    var themenu  = $("#navmenu");
    var topbar   = $("#toolbarnav");
    var content  = $("#content");
    var viewport = {
        width  : $(window).width(),
        height : $(window).height()
    };
    // retrieve variables as 
    // viewport.width / viewport.height

    function openme() { 
        $(function () {

            topbar.animate({
               left: "290px"
            }, { duration: 300, queue: false });
            pagebody.animate({
               left: "200px"
            }, { duration: 300, queue: false });
                menuclose.animate({
                   left:"0px"
                },{duration:300, queue:false});
        });
    }

    function closeme() {
        var closeme = $(function() {
            topbar.animate({
                left: "0px"
            }, { duration: 180, queue: false });
            pagebody.animate({
                left: "-90px"
            }, { duration: 180, queue: false });
            menuclose.animate({
                left:"-90px"
            },{duration:180,queue:false});
        });
    }

关于javascript - js动态改变css,,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13624881/

上一篇:javascript - 重新加载时更改 div 的背景颜色

下一篇:html - 如何停止突出显示 Wordpress 中的下拉菜单?

相关文章:

javascript - 工具提示格式化程序中的间距错误?

javascript - 'focus' 上不存在属性 'Element' ?

javascript - 显示包含输入按钮的隐藏 div

css - 小型移动设备的不同列顺序/右对齐列?

javascript - 集成 Angularjs 指令和第 3 方小部件

javascript - 内容高度/宽度更改后如何调整 nyroModal 的大小

javascript - 添加或删除渐进增强类的最佳方法是什么?

html - 边框底部小于文本

javascript - 在输入双击时隐藏透明文本

javascript - jQuery - 动画时看不到文本