分類
<style type="text/css">
body {
margin: 0;
padding: 0;
background-color: #222222
}
body::-webkit-scrollbar {
display: none;
}
</style>
<script src="js/jquery.min.js" type="text/javascript"></script>
<canvas class="canvas"></canvas>
<script src="js/particle.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var c = new Cbg({
container: ".canvas",
//隨機生成動畫，默認無控制
control: "auto",
//鼠標跟隨控制
//control: "mouse",
//坐標點定位控制
//control: "coordinate",
//設置坐標點，默認屏幕中心，坐標點定位控制時使用
//x: $(window).width() / 2,
//y: $(window).height() / 2
//Canvas寬度高度自定義,默認全屏
width: $(window).width(),
height: $(window).height(),
//生成點尺寸設置
//size: [初始大小, 尺寸衰減速率（數(shù)值越大，尺寸縮減越快，反之越慢，最小不得小于0.01）],
size: [10, 0.2],
//生成點的類型，type
//type：color 生成點為顏色塊
type: "color",
//生成點顏色列表，隨機刷新顏色
color: ["#6525EE", "#007AFF", "orange", "orangered"],
//生成點顏色單值，固定顏色刷新
//color: "red",
//type：img 生成點為圖片，圖片比例1：1
//type: "img",
//生成點圖片列表，隨機刷新圖片
//imgUrl: ["圖片路徑", "圖片路徑"，....],
//生成點圖片單值，固定圖片刷新
//imgUrl: "圖片路徑",
//動畫類型：
//animation_type: 0（默認動畫，隨機方位，隨機方向）
//animation_type: 1（向左運動）
//animation_type: 2（向右運動）
//animation_type: 3（向下運動）
//animation_type: 4（向上運動）
animation_type: 0,
//生成點生成速率，數(shù)值越大，點的生成越慢
speed: 10,
})
</script>
1. 本站所有素材（未指定商用），僅限學習交流。
2. 會員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權，著作權歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權，請勿用于商業(yè)用途，會員不得以任何形式發(fā)布、傳播、復制、轉(zhuǎn)售該素材，否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途，織夢系統(tǒng)商業(yè)用途請預先授權。
