这是一款效果非常炫酷的宇宙星空背景特效jQuery插件。该插件基于HTML5 canvas制作出一个绚丽的宇宙星空背景,并且星空可以随鼠标进行移动,制作出星空漫游的效果。
使用方法
该星空背景插件的使用方法非常简单,首先要引入jQuery和jquery-starfield.js
文件。
<script src='js/jquery.js'></script> <script src='js/jquery-starfield.js'></script>
然后在你想要制作星空背景的元素上调用下面的方法即可。
$('#starfield-div').starfield();
配置参数
该星空背景特效插件有三个可用的参数:
- starDensity :默认值1.0。星空中星星的密度。基于像素比计算,值越大星星越多。
- mouseScale :默认值1.0。鼠标移动时星空的移动速度。值越大星空移动越快。
- seedMovement :默认值
true
。是否在页面加载后就开始移动星空。在不支持鼠标功能的设备上也能动画。
$('#starfield-div').starfield({ starDensity: 2.0, mouseScale: 0.5, seedMovement: true });