在这个例子中,使用 DOM 对象的属性和javascript的函数来实现一个简单的动画。我们使用JavaScript 函数 getElementById()来获取 DOM 对象,然后将该对象分配给全局变量。
<script type = "text/javascript"> var img = null; //声明变量 function init(){ //函数初始化 img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; img.style.width='300px'; img.style.height='200px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; </script> <div> <img id = "myimg" src = "../../../../css_lx/images/4.jpeg" /> <p> <p>单击下面的按钮将图像向右移动</p> <input type = "button" value = "点击" onclick = "moveRight();" /> </p> </div>
效果:
转载联系作者并注明出处:https://focusonseo.cn/jcczs/110.html