將Google 翻譯整合到您的網站時,您有兩種選擇:基本內聯佈局或更可自訂的模式佈局。您從 Google Translate 提供的程式碼提供了內聯佈局,但如果您更喜歡模態佈局,則可以使用 html-5-tutorial 網站中的程式碼。
要使用SELECT 和OPTION 標記實現模態佈局,請按照以下步驟操作:
<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>
<code class="html"><div class="translate"> <div id="google_translate_element"></div> </div></code>建立DIV 容器:
<code class="css">.translate { position: absolute; top: 100px; right: 0; z-index: 9999; }</code>自訂佈局(可選):
<code class="html"><meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></code>
以上是如何在我的網站上實現可自訂的 Google 翻譯模式佈局?的詳細內容。更多資訊請關注PHP中文網其他相關文章!