Membuat Text Menarik Dengan Plugin Funtext jQuery
Haii semuanya, apa kabar..??
Selamat datang kembali di situs tips dan trik Source Code Aplikasi, yang akan selalu memberikan tips dan trik seputar dunia situs. Nah di kesempatan kali ini kita akan belajar mengenai Membuat Text Menarik Dengan Plugin Funtext jQuery. Dimana hasil dari plugin funtext ini akan memberikan efek yang amat menarik, bagi lebih jelasnya teman – teman dapat lihat di gambar di bawah ini
Jikalau cursor di arahkan kemana saja, text akan muncul efek bayangan warna – warni
Cocok sekali bagi tampilan situs sekolah TK,SD, karena anak – anak kecil kebanyakan suka dengan warna – warni bahkan beberapa kecil orang dewasa amat suka dengan banyaknya warna. Ini masuk pada kategory UX (User experience) yaitu berkenaan dengan pengalaman di sisi pengguna dikala berinteraksi dengan interface (antar muka). Oke seketika saja kita akan praktekkan Membuat Text Menarik Dengan Plugin Funtext jQuery, klik link ini bagi unduh plugin yang telah saya sediakan. Kemudian extract pada satu folder, lalu siapkan text editornya dan copy script html nya di bawah ini
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>jQuery funText</title>
</head>
<body>
<h1 class=demo>Saya belajar di Source Code Aplikasi</h1>
</body>
</html>
Berikutnya tambahkan css nya
<style type=text/css>
body {
background-color:#333;
}
.demo {
color: red;
text-align: center;
font-size: 40px;
}
</style>
Jikalau telah save dengan nama index.html, langkah berikutnya kita panggil plugin nya
<link href=jquerysctipttop.css rel=stylesheet type=text/css>
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js></script>
<script src=jquery.funtext.min.js></script>
Kemudian kita tinggal panggil tag h1 nya dan tambahkan funtext nya
<script>
$('h1').funText(50, 'reverseCandy');
</script>
Jikalau telah save dan jalankan di browsernya, karenanya ketika cursor di arahkan kemana saja efek akan mengikuti sesuai arah cursornya. Jikalau ingin efek nya besar atau kecil teman – teman tinggal atur saja sesuai keinginan teman – teman, latihan kali ini saya berikan 50 saja $(‘h1’).funText(50, ‘reverseCandy’) mungkin dapat ditambahkan agar efeknya semakin terlihat warna – warninya.
Bagus, demikian di tips kali ini mengenai Membuat Text Menarik Dengan Plugin Funtext jQuery kita berjumpa kembali di artikel yang akan datang. Semoga bermanfaat, terimakasih dan hingga jumpa.
Sumber https://kursuswebsite.org
