whycomputer.com >> Jaringan komputer >  >> Internet

Cara Membuat DIV yang Dapat Dilipat dalam CSS

Gunakan tag DIV yang dapat dilipat untuk memungkinkan pengunjung ke situs web Anda membaca konten tambahan tanpa dipaksa meninggalkan halaman saat ini. Tag ini memungkinkan Anda membuat halaman dengan banyak judul yang dapat diperluas yang memungkinkan pengguna melihat hanya detail yang mereka minati tanpa mengarungi halaman teks yang panjang. Pencarian yang lebih cepat menjadikan situs Anda lebih ramah pengguna dan meningkatkan nilainya bagi pengunjung Anda sebagai alat referensi.

Langkah 1
Buat tag "" yang berisi teks pop-up. Tempatkan ini di bagian "" kode HTML Anda. Tetapkan status tampilan awalnya menjadi tidak ada:

Teks sembulan
Bagaimana tampilannya?


Langkah 2
Tetapkan hyperlink jangkar untuk membuka JavaScript untuk menjalankan sembulan aktual tindakan pada tag "

". Dalam skrip ini, mengklik tombol kiri mouse akan mengaktifkan tautan. Tempatkan kode ini tepat di bawah baris sebelumnya: Klik untuk Perluas
Buat fungsi JavaScript yang mengontrol visibilitas teks "" CSS tersembunyi Anda. "" kode HTML Anda:

Kiat
Dalam contoh ini, teks "Klik untuk Perlihatkan atau Sembunyikan" ditampilkan dengan properti yang ditetapkan ke tag "". Pertama kali pengguna mengklik teks, pesan "Teks popup", "Bagaimana ini terlihat?" ditampilkan di layar dengan carriage return di tempat koma. Pesan menghilang ketika pengguna mengklik tag untuk kedua kalinya.


URL:https://komputer.whycomputer.com/Internet/101307853.html

Internet
  • Cara Membuat Kolase di Photobucket

    Photobucket adalah situs web yang memungkinkan pengguna komputer cara mudah untuk mengunggah dan berbagi foto digital mereka. Situs web ini memiliki antarmuka yang ramah pengguna dengan berbagai opsi untuk mengedit dan menyimpan foto online. Di antara banyak fitur yang ditawarkan oleh Photobucke

  • Cara Membuat Kolom Dengan Baris di Word

    Saat membuat buletin atau brosur, blok teks yang besar bisa membosankan dan bahkan menjengkelkan untuk dibaca. Alih-alih, teks harus dijalankan dalam kolom hemat-ruang dan menyenangkan secara visual. Microsoft Word memiliki fitur yang memungkinkan Anda membuat kolom yang rapi dan seragam yang dipisa

  • Cara Membuat CPR Flyers

    Pada 2010, teknik medis penyelamatan CPR, atau resusitasi kardiopulmoner, merayakan hari jadinya yang keemasan (ke-50). Menurut American Heart Association, penggunaan CPR setelah henti jantung mendadak dapat menggandakan atau melipattigakan peluang bertahan hidup korban. Apakah Anda ingin mempromosi

Jaringan komputer © https://komputer.whycomputer.com