宝哥软件园

JS实现简单的浮动碰撞效果示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文实例讲述了射流研究…实现简单的浮动碰撞效果。分享给大家供大家参考,具体如下:

html heartheta charset=' UTF-8 '标题碰撞效果/titlescript语言='javascript '!-DirectX=1;//X轴方向directY=1;//Y轴方向SUNx=0;SuNy=0;函数sunMov(){ //定两个方向sunX=DirectX * 2;sunY=directY * 2;//修改差异的左上方松迪夫。风格。top=SuNy ' px松迪夫。风格。left=SUNx ' px//判断什么时候,转变方向//x方向(关闭宽度可以返回,当前这个对象的实际宽度)if(SUNx sundiv。offsetwithts=文档。尸体。客户端宽度| | SuNx=0){ DirectX=-DirectX;} if(SuNy sundiv。偏移高度=文档。尸体。客户端高度| | SuNy=0){ DirectY=-DirectY;} } setInterval('sunMov()',10);/////脚本/头体样式='/* background-image : URl(' a . jpg ');背景尺寸:封面;背景-重复:不重复*/' div id=' sundiv ' style=' position : absolute ' img src=' http://www。JB 51。网络/图片/徽标。gif '/div/body/html运行效果:

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript运动效果与技巧汇总》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+