<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原生js鼠标拖动文字弹簧动画代码</title>
<style type="text/css">
div {
width: 500px;
margin: 30px auto;
}
</style>
</head>
<body>
<div id="otext1"></div>
<div id="otext2"></div>
<div id="otext3"></div>
<div id="otext4"></div>
<script src="js/elasticText.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
elasticText({
id: 'otext1',
color: 'rgb(255, 87, 34)',
fontSize: '18px',
content: '你说帘外海棠，锦屏鸳鸯；后来庭院春深，咫尺画堂。'
}, {
id: 'otext2',
color: 'rgb(33, 150, 243)',
fontSize: 22,
content: '前端特效'
},{
id: 'otext3',
color: 'rgb(255, 235, 59)',
fontSize: 20,
content: '51前端 让前端开发工作变得更轻松.'
},{
id: 'otext4',
color: 'rgb(255, 152, 0)',
fontSize: '16px',
content: '51前端。'
});
</script>
</body>
</html>
原生js鼠标拖动文字弹簧动画代码.zip （2个子文件） 
2 js 
elasticText.js 3KB
index.html 977B资源评论
小徐博客
- 粉丝: 1973
- 资源: 3095
最新资源
- 算法竞赛中的离散化 概念总结和基本操作全解
- 算法竞赛位运算（简单易懂）
- 常用一维二维 前缀和与差分算法模板总结
- SAR成像算法+后向投影（BP）算法+星载平台实测数据
- 横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横向循环焦点轮播图横
- 基于Java和HTML的留言墙、验证码、计算器基础项目设计源码
- 基于JAVA C/C++的嵌入式设备组网平台物联网框架设计源码
- 基于Java开发的高性能全文检索工具包jsearch设计源码
- 基于多语言技术的pt遨游助手手机版设计源码
- 基于若依框架的染云盘V1.0.2设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
