js使用localStorage和元素属性完成多语言切换功能
2024-11-28 Umming js常用代码 评论(0) 浏览(42)
var lans = localStorage.getItem('lan'); function lan(el,type){ $el = $(el); $el.parent().addClass('on').siblings().removeClass('on'); localStorage['lan'] = type; $(".ini").each(function(){ var ini; if(type=="cn"){ $(".cn_Show").show(); $(".en_Show").hide(); $(".jp_Show").hide(); ini = $(this).attr('cn'); $(this).addClass('lcn').removeClass('ljp len'); }else if(type=="jp"){ $(".cn_Show").hide(); $(".en_Show").hide(); $(".jp_Show").show(); ini = $(this).attr('jp'); $(this).addClass('ljp').removeClass('lcn len'); }else if(type=="en"){ $(".cn_Show").hide(); $(".en_Show").show(); $(".jp_Show").hide(); ini = $(this).attr('en'); $(this).addClass('len').removeClass('ljp lcn'); } $(this).html(ini); }) } $(function(){ if(lans){ if(lans =='en'){ lan('.lan_en','en') }else if(lans =='cn'){ lan('.lan_cn','cn') }else if(lans =='jp'){ lan('.lan_jp','jp') } }else{ localStorage.setItem('lan','en'); } })
标签: js代码
下一篇: swiper箭头跟随鼠标切换效果
本文链接:https://www.umming.com/js/372.html
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
也许你还会对下面的内容感兴趣:
发表评论: