一基于HTML5开发工具DCloudHBuilder:
基于HTML5开发工具是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛，DCloud还提供云端打包服务，可以让开发者直接在云端生成.ipa或.apk安装包供部署调试。
二一款在线Html5移动开发工具-AnimatronAnimatron
是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。
三Lungo
最佳HTML5移动框架Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。拥有强大的JavaScriptAPI：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。
四mobl
mobl是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl可方便构建手机web应用程序，包括iOS、Android和其他支持HTML5技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构：实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles）和设备（services）。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。
五DevExtreme
性能最优的跨平台移动应用开发框架，DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和WindowsPhone8应用程序，是VisualStudio开发人员开发跨平台移动产品的优选工具。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>animation</title>
<style>
#box {
height: 200px
width: 200px
background-color: aqua
position: absolute
left:0
margin-top:50px
}
input {
width: 100px
height: 30px
}
</style>
</head>
<body>
<div id="box"></div>
<input type="button" value="前进">
<script>
var box = document.getElementById('box')
var bt = document.getElementsByTagName('input')
var timer = null
bt[0].onclick = function () {
ani(box,600)
}
function ani(ele,target) {
clearInterval(ele.timer)
ele.timer = setInterval(function() {
var step = (target - ele.offsetLeft)/10
step = step>0?Math.ceil(step):Math.floor(step)
ele.style.left = ele.offsetLeft + step + "px"
console.log(1)
if (Math.abs(target - ele.offsetLeft) <= Math.abs(step)) {
ele.style.left = target + "px"
clearInterval(ele.timer)
}
},30)
}
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）