HTML5里面用JavaScript实现当鼠标点击，角色移动到鼠标点击的位置，要怎么实现_随笔

获取你鼠标点击位置的left与top值，然后更改角色图片的left与top值。通过getElementById获取角色图片元素。照葫芦画瓢知道吗？你参考参考超级玛丽是怎么做的。超级玛丽是根据“→”键位控制图片，其实就是更改了原来图片的top与left值。同理，你只要得到鼠标点击部位的top与left值，那么再传给角色，角色就会移动过去。建议参考超级玛丽 javascript代码，

1、在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现。

2、基本用法是margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

3、margin可以接收4个值，分别为距离上、右、下、左的值，也是可以使用margin-left单独设置距离左边的值，代码如下。

4、<html>

<head>

p.margin {margin-left:50px}

</style>

</head>

<body>

<p>这个段落没有指定外边距。</p>

<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。

5、运行结果如下图

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7305682.html

HTML5里面用JavaScript实现当鼠标点击，角色移动到鼠标点击的位置，要怎么实现

发表评论

评论列表（0条）