Website adalah sebuah media untuk menampilakan berbagai informasi. banyak fitur yang digunakan dalam pembuatan website agar tampil lebih cantik dan profesional. kini saya akan membagikan tutorial membuat animasi partikel Interaktif dengan Jquery. saat pointer di gerakan maka animasi akan mengikuti poniter itu berjalan, jika anda penasaran bisa dilihat gambar dibawah ini.
Untuk source code seperti gambar di atas seperti ini
1. Load jQuery particle plugin dan jQuery library
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="jparticle.jquery.min.js"></script>
2. Panggil fungsi particle yang di tempatkan di container
$("body").jParticle({
// OPTIONS
});3. Masukan code seperti dibawah ini. setelah itu coba dirunning.
// number of particles
particlesNumber: 100,
// Distance where link is full opacity
linkDist: 50,
// Distance where particles start linking.
createLinkDist: 150,
// disable links between particles
disableLinks: false,
// disable mouse interaction
disableMouse: false,
// background color
background: 'black',
// Particles and links color.
color: 'white',
// container's width/height
width: null,
height: null,
// Links width in pixels
linksWidth: 1,
particle: {
// Particles color.
color: "white",
// min / max size
minSize: 2,
maxSize: 4,
// animation speed
speed: 60
}
Jika anda belum men gerti dan masih bingung silahkan didownload di link dibawah ini
Link Download
Server1 http://gestyy.com/q2W2eW
Server2 http://viahold.com/3qxV
