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

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

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

如果用html做动画

用js动态修改css样式属性来动态改变页面元素的状态。达到动的效果

采用html5新增加的<canvas>来当画布,用js的画图函数来将图片画出来。而且更能随意修改这个张图。举例

总之建议,使用html5的方法

         /* $(function(){                  //canvas加载图片

                         $("input").click(function(){

                         var cans=$("#myCanvas").get(0).getContext("2d")  

                     var imgs=new Image()

                    imgs.src="psu.jpg"

                     cans.drawImage(imgs,0,0)

                         })

            }) 


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6192408.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存