分類
- 1app
- 2選項卡
- 3后臺
- 4彈窗
- 5下拉菜單
<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: [初始大小, 尺寸衰減速率(數值越大,尺寸縮減越快,反之越慢,最小不得小于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,
//生成點生成速率,數值越大,點的生成越慢
speed: 10,
})
</script>
1. 本站所有素材(未指定商用),僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后,只擁有使用權,著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材,未經合法授權,請勿用于商業用途,會員不得以任何形式發布、傳播、復制、轉售該素材,否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統商業用途請預先授權。