Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我希望此div在选择菜单时显示并向上移动_Javascript - Fatal编程技术网

Javascript 我希望此div在选择菜单时显示并向上移动

Javascript 我希望此div在选择菜单时显示并向上移动,javascript,Javascript,我希望此div在选择菜单时显示并向上移动。请任何人帮助解决这个问题。非常感谢 <html><head> <script type="text/javascript"> <!-- var divobject = null; function init(id){ divobject = document.getElementById('id'); divobject.style.left = '25px'; divobject.styl

我希望此div在选择菜单时显示并向上移动。请任何人帮助解决这个问题。非常感谢

<html><head>
<script type="text/javascript">

<!--
var divobject = null;
function init(id){
   divobject = document.getElementById('id');
   divobject.style.left = '25px'; 
   divobject.style.top = '580px';
   divobject.style.visibility = 'hidden';
}
function moveUp(id){
   divobject = document.getElementById(id);
   divobject.style.visibility = 'visible';
   divobject.style.left = '25px';
   divobject.style.top = parseInt(div.style.top) + 0 + 'px';
   divobject.style.position = 'absolute';
}
document.onclick =init; 
window.onload =init;
//-->
</script>
</head>
<body>
<a href="javascript:void(moveup('1'));">show div</a>
<div id="1">tytt</div>
</body>

泰特

不要使用以数字开头的ID

将代码更改为此

function init(id){
   divobject = document.getElementById(id);
删除这些行,因为您没有向函数发送任何参数,所以它将生成错误,因为
id
将未定义

document.onclick =init; 
window.onload =init;
如果要向现有样式顶部添加任何值,可以使用任何值而不是0,但要将其括在大括号中,以便进行添加,而不是字符串连接

divobject.style.top = (parseInt(divobject.style.top) + 0) + 'px';

正如前面提到的,您的代码中有一些问题。。。 我将其更改为“以某种方式工作”,但如果要创建菜单样式控件,则需要更改方法

  • 尝试使用样式类并动态切换,请参见切换
  • 元素id应以字母开头
  • 该方法区分大小写
  • id-是一个变量,不应使用逗号
使用开发工具\调试器

    <html><head>
<script type="text/javascript">

<!--
var divobject = null;
function init(id){
   divobject = document.getElementById(id);
   divobject.style.left = '25px'; 
   divobject.style.top = '580px';
   divobject.style.visibility = 'hidden';
}
function moveup(id){
   divobject = document.getElementById(id);
   divobject.style.visibility = 'visible';
   divobject.style.left = '25px';
   divobject.style.top = parseInt(div.style.top) + 0 + 'px';
   divobject.style.position = 'absolute';
}

window.onload = function(e) {                
    init("elt");
}
//-->
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="moveup('elt')">show div</a>
<div id="elt">tytt</div>
</body>

泰特

只能使用javascript,也可以使用jquery?不要使用以数字开头的id什么是
div.style.top
?谢谢,我之所以使用id是因为我有多个div,我想将它们称为单独的菜单单击感谢pro,请我将此应用于多个div,并用不同的菜单单击调用它们