1.PHP 代码
public function replaceLang() { $lang=$_GET['lang']; switch ($lang) { case 'cn': session('think_var','zh-cn'); cookie('think_var', 'zh-cn'); //lang('succeed')根据语言包里内容进行转换 return $this->success(lang('succeed')); break; case 'en': session('think_var','zh-en'); cookie('think_var', 'zh-en'); return $this->success(lang('succeed')); break; case 'vn': session('think_var','zh-vn'); cookie('think_var', 'zh-vn'); return $this->success(lang('succeed')); break; case 'td': session('think_var','zh-td'); cookie('think_var', 'zh-td'); return $this->success(lang('succeed')); break; case 'jn': session('think_var','zh-jn'); cookie('think_var', 'zh-jn'); return $this->success(lang('succeed')); break; //其它语言 } }
2.html
//{:lang('English')}根据语言包里内容进行转换 <div class="dropdown"> <button class="dropbtn">{:lang('Choose a language')}</button> <div class="dropdown-content"> <p class="toggle" lang='cn' >{:lang('简体中文')}</p> <p class="toggle" lang='en' >{:lang('English')}</p> <p class="toggle" lang='td' >{:lang('ไทย')}</p> <p class="toggle" lang='vn' >{:lang('Tiếng Việt')}</p> <p class="toggle" lang='jn' >{:lang('日本語')}</p> </div> </div>
3.css
.dropbtn { background-color: #4CAF50; color: white; padding: 8px; border: none; cursor: pointer; } .dropdown { position: relative; display: inline-block; top: -100px; right: 0px; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-content .toggle { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content .toggle:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; } .dropdown-content .toggle { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content .toggle:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #3e8e41; }
4.JS
$('.toggle').click(function(){ var data={'lang':$(this).attr('lang')}; var cun=$(this).attr('lang'); localStorage.setItem('think_var',cun); $.get("{:url('Language/replaceLang')}",data,function(){ location.reload(); }) })
5.语言包(自己写)