『HTML5制作仿JQuery效果』减速&加速滑动的实现

最新推荐文章于 2024-04-17 10:54:16 发布

VIP文章 Shin-TheEra

最新推荐文章于 2024-04-17 10:54:16 发布

阅读量6.9k

点赞数

分类专栏： HTML5 & Javascript 文章标签： html5 仿JQuery

本文链接：https://blog.csdn.net/TheEra_Wpyh/article/details/8656219

版权

开言

本篇文章通过开源html5引擎lufylegend实现JQuery滑动效果。能使一个矩形来回减速加速滑行。由于用到了html5里的canvas，所以如果大家要测试程序，请用支持html5的浏览器打开。源码下载稍后提供。

初始化页面

首先我们来看看html文件里的代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>html5 game - 仿jquery</title>
	<script type="text/javascript" src="./js/lufylegend-1.6.1.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<div id="mylegend">loading……</div>
</body>
</html>

也许有人疑问，说是用html5，怎么不见canvas标签？？？其实当你使用lufylegend开发时，根本不需要加入canvas标签。只需要调用该引擎中的init函数并向参数赋值就能自动将canvas标签加到html文件中。

接下来让我们看看init用法：init(speed,id,width,heigh

最低0.47元/天解锁文章

Shin-TheEra

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
『HTML5制作仿JQuery效果』减速&加速滑动的实现

开言本篇文章通过开源html5引擎lufylegend实现JQuery滑动效果。能使一个矩形来回减速加速滑行。由于用到了html5里的canvas，所以如果大家要测试程序，请用支持html5的浏览器打开。源码下载稍后提供。初始化页面首先我们来看看html文件里的代码： html5 game - 仿jquery loading……也许有人疑问，说是用h
复制链接

扫一扫