<分区>
标签 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/