Bagaimanakah saya boleh menyepadukan Terjemahan Google ke dalam tapak web saya dengan menu lungsur turun dan penggayaan CSS?

Susan Sarandon
Lepaskan: 2024-11-01 05:39:02
asal
992 orang telah melayarinya

How can I integrate Google Translate into my website with a dropdown menu and CSS styling?

Mengintegrasikan Terjemahan Google ke dalam Tapak Web

Persoalannya berkisar tentang memasukkan Terjemahan Google ke dalam tapak web menggunakan coretan kod yang berbeza yang disediakan. Coretan kod pertama menyediakan pelaksanaan asas, tetapi ia tidak mempunyai keupayaan untuk menggayakannya menggunakan CSS dan menu lungsur turun untuk pemilihan bahasa. Sebaliknya, coretan kod kedua termasuk menu lungsur, tetapi ia gagal beroperasi apabila ditampal pada tapak langsung.

Penyelesaian terletak pada menggabungkan kedua-dua coretan kod ke dalam pelaksanaan yang berfungsi. Berikut ialah penanda yang diperbetulkan yang merangkumi elemen yang diperlukan:

<code class="html"><div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en'
        }, 'google_translate_element');
    }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>
Salin selepas log masuk

Kod ini menggabungkan kedua-dua kefungsian asas coretan pertama dan penanda menu lungsur turun daripada coretan kedua. Ia akan membolehkan anda memasukkan Terjemahan Google ke dalam tapak web anda dan menyesuaikan penampilannya menggunakan CSS.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menyepadukan Terjemahan Google ke dalam tapak web saya dengan menu lungsur turun dan penggayaan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan