Html Javascript动画

我正在尝试从左侧屏幕进行图像幻灯片，并在屏幕右侧的末尾停止。这是我在index.html和index.js中的代码。有人知道我做错了什么吗

HTML

函数getOff（）{
z=this.ElementId；
x=document.getElementById（'bruno'+z）；
返回x.offsetLeft；
}
函数向右移动（值）{
变量y=getOff（）；
x、 style.left=y+值；
}

我最终做了这个

Javascript

var imgObj = null;
function init(){
imgObj = document.getElementById('bruno');
imgObj.style.position= 'relative';
imgObj.style.left = '0px';
}    
function moveRight(){
imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';

}
window.onload =init;

html

---

你想做什么？你看到什么不起作用？如果你提供这些东西，我们会更容易回答。使用@tobyharnish我正在尝试单击一个按钮，然后当我单击按钮时，我希望它将图像移到右侧。我想我的编码完全错了

 <div id="box">
    <p><button onclick="moveRight();">Click Me To Slide</button></p>
    <div id="bruno"></div>
 </div>
 <div id="webLogos"></div>
 <script src="script.js"></script>

#box {
background: white;
text-align: center;
margin: 0 auto;
height: 300px;
width: 600px;
}

div#bruno {
content:url(bruno-fernandes-slide.png);
width: 200px;
height: 250px;
}​