-1 
<html>
<ul>
<li><a href="blocks.html">Blocks</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="weapons.html">Weapons</a></li>
<li><a href="Armour.html">Armour</a></li>
<li><a href="Mobs.html">Mobs</a></li>
<li><a href="Food.html">Food</a></li>
</ul>


<img onclick="SomeJavaScriptCode" src="button.png">

</html>

上面是一个简单的导航栏和一个带有不完整的 onclick 功能的图像。 

<style>
ul
{
list-style-type:none;
margin:auto;
padding:0;
float: left;
height:10%;
width:10%;
margin-left: -999px;
}
</style>

在上面你可以看到我移动了页面的 UL，所以我不会影响我的其余代码。

我怎样才能做到这一点，当单击“margin-left：-999px;”按钮时 更改为 "margin-left: 0px;" 或任何其他值。

4

2 回答 2

2

这应该有效：

<ul id="myul">
...
</ul>

<img onclick="changeMargin()" src="button.png">

<script>
function changeMargin ()
{
    document.getElementById("myul").style.marginLeft="0px";
}
</script>
于 2013-07-18T01:23:43.087 回答
0

或 jQuery 方式

<ul id="myul">
...
</ul>
<img id="img" src="button.png">

<script>
$(function() {
    $('#img').click(function(){
          $('#myul').css('marginLeft','0px')
    })
});
</script>
于 2013-07-18T01:32:32.043 回答