Rumah hujung hadapan web tutorial js js实现按钮加背景图片常用方法汇总

js实现按钮加背景图片常用方法汇总

Jul 07, 2017 pm 02:56 PM
javascript butang imej latar belakang

这篇文章主要介绍了js实现按钮加背景图片常用方法,罗列了js事件触发控制背景图片、css样式控制以及图片按钮三种方法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下:

方法一:

 代码如下:

<input type="submit" onMouseOver="style=background:url(&#39;imgs/jb51.gif&#39;)"/>
Salin selepas log masuk

方法二:

代码如下:

<input type="button" value="提交" style="background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">
Salin selepas log masuk

方法三:
就是用图片按钮,即:

代码如下:

<input name="submit" type="image" value=" " src="jb51.jpg" />
Salin selepas log masuk


Atas ialah kandungan terperinci js实现按钮加背景图片常用方法汇总. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk memadam imej latar belakang dalam tetapan pemperibadian win10 Bagaimana untuk memadam imej latar belakang dalam tetapan pemperibadian win10 Dec 21, 2023 pm 02:31 PM

Setiap kali latar belakang desktop yang digunakan dalam sistem Win10 akan dipaparkan dalam imej latar belakang yang diperibadikan dalam tetapan, sesetengah pengguna ingin memadamkannya, tetapi tidak tahu bagaimana untuk melakukannya Artikel ini adalah mengenai cara memadam imej latar belakang yang diperibadikan Win10 dikongsi oleh laman web ini. Lihat imej latar belakang desktop terpakai: 1. Klik [klik kanan] pada ruang kosong pada desktop, dan pilih [Peribadikan] dalam item menu yang terbuka 2. Dalam imej pilihan di latar belakang, anda boleh melihat latar belakang desktop anda telah menggunakan Gambar; padam gambar latar belakang desktop yang digunakan: Nota: Operasi ini melibatkan pengubahsuaian pendaftaran adalah berisiko. Sila sandarkan data terlebih dahulu 1. Tekan kombinasi kekunci [Win+R]. untuk membuka tetingkap jalankan dan masukkan perintah [regedit] ], dan kemudian klik [OK];

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 pm 02:54 PM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian Pengenalan: Dengan perkembangan teknologi yang berterusan, teknologi pengecaman pertuturan telah menjadi bahagian penting dalam bidang kecerdasan buatan. Sistem pengecaman pertuturan dalam talian berdasarkan WebSocket dan JavaScript mempunyai ciri kependaman rendah, masa nyata dan platform merentas, dan telah menjadi penyelesaian yang digunakan secara meluas. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem pengecaman pertuturan dalam talian.

Mengapa komputer riba saya tidak boleh dihidupkan selepas menekan butang kuasa? Mengapa komputer riba saya tidak boleh dihidupkan selepas menekan butang kuasa? Mar 10, 2024 am 09:31 AM

Mungkin terdapat beberapa sebab mengapa komputer riba Windows anda tidak boleh boot. Kegagalan memori, bateri mati, butang kuasa rosak atau isu perkakasan adalah punca biasa. Berikut ialah beberapa penyelesaian untuk membantu anda menyelesaikan isu ini. Komputer riba tidak akan dihidupkan selepas menekan butang kuasa Jika komputer riba Windows anda masih tidak dapat dihidupkan selepas menekan butang kuasa, berikut ialah beberapa langkah yang boleh anda ambil untuk menyelesaikan isu ini: Adakah komputer riba anda dicas sepenuhnya? Lakukan tetapan semula keras untuk membersihkan komputer riba anda Letakkan semula memori Bateri jenis CMOS Lutsinar Ambil komputer riba anda untuk dibaiki. 1] Adakah komputer riba anda dicas sepenuhnya? Perkara pertama yang perlu dilakukan ialah menyemak sama ada komputer riba anda telah dicas sepenuhnya. Komputer riba tidak akan dihidupkan jika bateri kehabisan

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata Dec 17, 2023 pm 05:30 PM

WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket

Bagaimana untuk menyelesaikan masalah butang tidak bertindak balas dalam pelayar IE Bagaimana untuk menyelesaikan masalah butang tidak bertindak balas dalam pelayar IE Jan 30, 2024 am 10:48 AM

Apakah yang perlu saya lakukan jika tiada respons apabila pelayar IE mengklik butang web? Jika tiada respons apabila kami mengklik butang web, kami boleh menetapkannya dalam paparan keserasian! Apabila sesetengah rakan menggunakan pelayar IE, mereka mendapati bahawa pelayar tidak akan bertindak balas apabila mengklik butang pada halaman web Dengan cara ini, kita tidak boleh menggunakan fungsi halaman web menyusun pelayar IE di bawah Bagaimana untuk menyelesaikan masalah pelayar tidak bertindak balas apabila mengklik butang web Jika tidak, ikuti saya dan teruskan membaca! Penyemak imbas IE tidak bertindak balas apabila mengklik butang web Penyelesaian: 1. Buka pelayar IE, klik butang [Tools] pada bar operasi, dan klik tetapan [Compatibility View], seperti yang ditunjukkan dalam rajah. 2. Dalam halaman tetapan [Paparan Keserasian], klik butang [Tambah] di sebelah kanan dan isi tapak web.

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 am 09:39 AM

Cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian Dalam era digital hari ini, semakin banyak perniagaan dan perkhidmatan perlu menyediakan fungsi tempahan dalam talian. Adalah penting untuk melaksanakan sistem tempahan dalam talian yang cekap dan masa nyata. Artikel ini akan memperkenalkan cara menggunakan WebSocket dan JavaScript untuk melaksanakan sistem tempahan dalam talian dan memberikan contoh kod khusus. 1. Apakah itu WebSocket? WebSocket ialah kaedah dupleks penuh pada sambungan TCP tunggal.

Apakah rupa iPhone 16? Apakah perubahan yang terdapat dalam iPhone 16? Apakah rupa iPhone 16? Apakah perubahan yang terdapat dalam iPhone 16? Apr 07, 2024 pm 05:10 PM

Selepas keluaran siri iPhone 15, terdapat pendedahan berterusan mengenai penampilan dan konfigurasi iPhone 16 baharu Apple. Apakah rupa iPhone 16? Adakah terdapat sebarang peningkatan dalam iPhone 16? Baru-baru ini, seorang blogger luar negara menunjukkan reka bentuk siri iPhone 16 Reka bentuk keseluruhan pada dasarnya adalah sama dengan siri iPhone 15. Seperti yang anda lihat daripada gambar, keseluruhan siri iPhone 16 dilengkapi dengan butang "shoot" baharu sebagai standard, membolehkan pengguna mengambil gambar dengan lebih mudah. Selain itu, butiran reka bentuk lain masih tidak diketahui. Mesej menunjukkan bahawa butang baharu ini akan digunakan untuk merakam video dan terletak di bawah butang kuasa. Berita sebelum ini telah menyebut bahawa ia mungkin butang keadaan pepejal kapasitif, tetapi laporan terbaru menunjukkan bahawa ia masih harus menjadi

Cara menambah imej latar belakang pada Douyin Live Companion - Cara menambah imej latar belakang pada Douyin Live Companion Cara menambah imej latar belakang pada Douyin Live Companion - Cara menambah imej latar belakang pada Douyin Live Companion Mar 05, 2024 am 09:16 AM

Ramai pengguna yang disiarkan secara langsung di Douyin akan menggunakan perisian Douyin Live Companion, tetapi adakah anda tahu cara menambah imej latar belakang pada Douyin Live Companion Berikut ialah kaedah menambah imej latar belakang pada Douyin Live Companion yang dibawakan oleh anda? editor. Jika anda berminat Pengguna datang dan lihat di bawah. Mula-mula log masuk ke Douyin Live Companion pada komputer anda, dan kemudian masukkan halaman utama. Di sebelah kiri, kami memilih [Tambah Bahan] di bawah [Adegan 1]. Seterusnya, akan ada tetingkap untuk menambah bahan pada halaman Kita boleh terus memilih fungsi [Gambar] dan klik untuk masuk. Kami kemudian akan membuka tetingkap di mana bahan imej disimpan secara setempat. Kita perlu memilih bahan gambar yang ingin kita tambah dan kemudian klik butang Buka di sudut kanan bawah untuk menambahnya. Selepas menambah gambar, kita perlu menggunakan butang kiri tetikus untuk menyeret gambar ke yang sesuai

See all articles