SCRIPT TEKS BERJALAN

 

#1 TEXT BERJALAN

Untuk mengatur arah teks berjalan anda bisa menambahkan atribut direction.

Sehingga akan terlihat seperti kode berikut ini:

<!DOCTYPE html>
<html>
<head>
    <title> contoh teks berjalan </title>
</head>
<body>
    <marquee direction='right'> ini merupakan teks berjalan kekanan</marquee>
    <marquee direction='left'> ini merupakan teks berjalan kekiri</marquee>
<body>
<html>

Teks berjalan juga bisa Anda buat ke kanan dan juga ke kiri dengan menggunakan kode direction=”right” jika ke kanan dan menggunakan direction=”left” Jika Anda ingin mengarahkannya ke kiri. 

#2 Teks berjalan memantul

Selain mengatur kemana arah tulisan berjalan, anda juga dapat menambahkan efek pantulan ketika text sudah mencapai ujung menggunakan atribut behavior='alternate', yang mana pantulannya nanti ke kanan dan ke kiri.

Berikut adalah kodenya:

<!DOCTYPE html>
<html>
<head>
    <title> Contoh tulisan bergerak memantul </title>
</head>
<body>
    <marquee behavior='alternate'> teks memantul </marquee>
<body>
<html>

Penjelasan: Teks akan berjalan dari kanan ke kiri, dan jika telah sampai ke sisi kiri maka akan memantulkannya kembali.

#3 Teks berjalan stop

Pada teks berjalan ini nantinya teks akan berjalan sampai dengan ujung kemudian berhenti secara otomatis dengan mempergunakan behavior='slide'.

Berikut adalah kode lengkapnya:

<!DOCTYPE html>
<html>
<head>
    <title> contoh slide</title>
</head>
<body>
    <marquee behavior='slide'> teks berjalan dan stop</marquee>
<body>
<html>

#4 Teks berjalan dengan lambat

Selain direction dan behavior anda juga dapat mengatur kecepatan teks dalam bergerak menggunakan atribut scrolldelay.

Perhatikan contoh berikut:

<!DOCTYPE html>
<html>
<head>
    <title> contoh teks berjalan </title>
</head>
<body>
    <marquee scrolldelay='300'> teks ini berjalan dengan kecepatan 300 mili detik</marquee>
<body>
<html>

Penjelasan: Apabila Anda tidak begitu suka dengan teks yang berjalan cepat maka bisa Anda kurangi kecepatan tersebut, dengan menggunakan mode scrolldelay='kecepatan yang anda inginkan', semakin tinggi angka yang dimasukkan maka Anda akan membuat text semakin lama juga berjalannya. 

#5 Teks berjalan dengan menggunakan background warna

Dan terakhir anda juga bisa menambahkan background warna pada tulisan berjalan dengan atribut bgcolor.

<!DOCTYPE html>
<html>
<head>
    <title> contoh teks berjalan </title>
</head>
<body>
    <marquee bgcolor='yellow'> Teks ini yang berjalan </marquee>
<body>
<html>

Demikian adalah ulasan tentang cara membuat tulisan bergerak di html. Jangan

Comments

Post a Comment