Some text some message..
Some text some message..
Some text some message..
Some text some message..

Silahkan atau queue Daftar disini.

  • Beranda
  • »
  • Forum
  • »
  • Membuat Efek Blink Pada Elemen HTML Melalui Javascript

Membuat Efek Blink Pada Elemen HTML Melalui Javascript

Syukur Abdullah

Syukur Abdullah

16 Jul 2020, 11:40:17

Apakah ada tags pengganti pada HTML?

Saya ingin membuat sebuah paragraf. lalu paragraf tersebut memiliki efek seperti kalimat berkedip. Karena kebanyakan browser sudah tidak lagi support lagi pada tags (deprecated).

Apakah ada cara menampilkannya melalui javascript?

Tags : tag iconhtml tag iconjavascript

  

facebooktwitterwhatapplinkedinpinterest

comment1 Jawaban, 1.643 view

Farid Yahya

Farid Yahya

18 Jul 2020, 15:54:37

Tags blink memang sudah deprecated. Kalau ingin membuat efek berkedip-kedip memakai javascript aja. atau juga dengan CSS juga bisa.

  

Syukur Abdullah

Syukur Abdullah

19 Jul 2020, 15:56:25

Minta lah bang kode scriptnya..

Farid Yahya

Farid Yahya

22 Jul 2020, 16:35:51

Jika memakai javascript pake manipulasi style.

Kalau menggunakan jquery lebih smooth, karena menggunakan efek fadeIn dan fadeOut.

Javascript :

<p id='blink_' style='color:red;'>contoh text blink</p>
<script>
function blink_(){
	var el=document.getElementById("blink_").style.opacity;
	if(el==1){
		document.getElementById("blink_").style.opacity=0;
	}else{
		document.getElementById("blink_";).style.opacity=1;
	}
	setTimeout('blink_()', 500);
}
blink_();
</script>

Jquery:

script src="js/jquery-1.10.2.min.js"></script>
<p class='blink_'>contoh text blink>/p>
<script>
function blink_(){
	$('.blink_').fadeOut(500);
	$('.blink_').fadeIn(500);
}
setInterval(blink_,1000);
</script>

Syukur Abdullah

Syukur Abdullah

23 Jul 2020, 16:44:47

Thanks, It's work well.

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.

Silahkan atau queue Daftar disini.

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.