Isi kandungan:
- Langkah 1: Buat Pen
- Langkah 2: Tambahkan Rujukan
- Langkah 3: Kod
- Langkah 4: Menukar Kod Itu Sesuai dengan Keperluan Anda
- Langkah 5: Demo
Video: Menempatkan Butang Salinan ke Papan Klip di Halaman Web: 5 Langkah (dengan Gambar)
2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:09
Ini mungkin terdengar sederhana, dan saya mungkin kelihatan tenang untuk meletakkannya di Instructables, tetapi pada kenyataannya, tidak semudah itu. Terdapat CSS, Jquery, HTML, beberapa javascript mewah, dan, oh, anda tahu.
Langkah 1: Buat Pen
Terdapat laman web keren ini bernama Codepen. Dahulu, hanya untuk membuat kod dalam HTML, dulu saya harus
- Lancarkan Penjelajah Fail.
- Pergi ke Dokumen Saya.
- Buat fail txt.
- Namakan semula fail itu menjadi "MyHTMLDoc.html".
- Tekan OK untuk dialog amaran.
- Tutup Penjelajah Fail.
- Buka Visual Studio, yang memakan masa lima minit.
- Buka fail di Visual Studio, yang memerlukan masa lima minit lagi. VS sangat perlahan.
- Mulakan.
- Apabila saya selesai, saya mesti membuka fail di Edge untuk melihat karya saya.
Sekarang, yang perlu anda lakukan hanyalah
- Lancarkan Edge.
- Pergi ke
- Di penjuru kanan sebelah atas, tekan Pen baru.
- Mulakan Pengekodan.
Lihat sejauh mana lebih mudah? Cukup masukkan JS, CSS, dan HTML anda di kotak masing-masing. Hasilnya muncul secara automatik di sebelah kanan.
Sebenarnya, Codepen jauh lebih baik, saya cadangkan anda untuk membuat akaun anda sekarang. Ya, saya tidak suka menjadi iklan, tetapi saya tidak dapat menahannya. Ia jauh lebih baik. Tidak ada yang dapat saya lakukan mengenainya.
Atau, jika anda tidak mahu membuat akaun, anda boleh membuat pen tanpa akaun. Anda boleh menyimpan pen anda di bawah nama pengguna "Captain Anonymous".
Langkah 2: Tambahkan Rujukan
Oleh kerana kita akan menggunakan Jquery dan benda yang sangat keren ini disebut "Balloon.css", kita mesti menambah rujukan terlebih dahulu. Sekiranya anda baru, saya akan memberitahu anda cara melakukannya di Codepen.
- Klik Tetapan.
- Bergantung pada apakah rujukannya adalah helaian gaya atau skrip, klik CSS atau Javascript.
- Di bawah Tambah Luaran (Javascript atau CSS) tambahkan rujukan.
Tambah:
bla bla bla: BLAAAAAAA !!!!
Sekarang hapus itu dan masukkan tag HTML yang menghubungkan ke CDN kegemaran anda untuk Jquery dan Balloon.css.
Langkah 3: Kod
Di bawahnya, tambahkan kod ini.
codepen.io/slate-coding/pen/oepQpX
Salin / tampal kod tersebut ke pen anda.
Langkah 4: Menukar Kod Itu Sesuai dengan Keperluan Anda
Anda boleh bermain-main seberapa banyak yang anda suka dengan pen untuk memenuhi keperluan anda, kemudian salin-tempelkan kod ke mana sahaja yang anda mahukan.
Langkah 5: Demo
codepen.io/alexvgs/pen/oepQpX
Disyorkan:
Papan Kegiatan Litar DIY Dengan Klip Kertas - PEMBUAT - STEM: 3 Langkah (dengan Gambar)
Papan Kegiatan Litar DIY Dengan Klip Kertas | PEMBUAT | STEM: Dengan projek ini, anda boleh menukar laluan arus elektrik untuk melalui sensor yang berbeza. Dengan reka bentuk ini, anda boleh beralih antara menyalakan LED Biru atau mengaktifkan Buzzer. Anda juga mempunyai pilihan untuk menggunakan Perintang Bergantung Ringan dengan
Buat Papan Roti untuk Litar Elektronik - Klip Kertas: 18 Langkah (dengan Gambar)
Buat Papan Roti untuk Litar Elektronik - Papercliptronics: Ini adalah Litar Elektronik yang KUAT dan PERMANEN. Untuk Kemas kini Semasa, lawatipapercliptronics.weebly.com. Nikmati Tutorial Langkah demi Langkah Kami Membuat Litar Elektronik Buatan Sendiri
Kipas ESP8266 POV Dengan Jam dan Halaman Web Teks Kemas kini: 8 Langkah (dengan Gambar)
Kipas ESP8266 POV Dengan Jam dan Halaman Web Teks Kemas kini: Ini adalah kelajuan berubah-ubah, POV (Persistence Of Vision), Kipas yang secara berkala memaparkan waktu, dan dua pesanan teks yang dapat dikemas kini " dengan cepat " Kipas POV juga pelayan web satu halaman yang membolehkan anda menukar dua teks saya
Menempatkan Suara, Cahaya dan Pergerakan dalam Permainan Papan Dengan Magnet: 3 Langkah
Menempatkan Suara, Cahaya dan Pergerakan dalam Permainan Papan Dengan Magnet: Projek ini adalah usaha untuk meletakkan komponen elektronik dalam permainan papan. Magnet dilekatkan pada bidak dan sensor dewan terpaku di bawah papan. Setiap kali magnet menyentuh sensor, bunyi dimainkan, lampu LED menyala atau servomotor dipicu. Saya
Gabungkan Halaman Web Anda (Pembuat Halaman Google) Dengan Picasa di Talian Album: 5 Langkah
Gabungkan Halaman Web Anda (Pencipta Halaman Google) Dengan Picasa on Line Album: Helo, inilah Instruksinya yang pertama, nikmatilah! terus dengan arahan ini Menyiapkan Laman web dengan Pencipta Halaman Google