js使用localStorage和元素属性完成多语言切换功能
2024-11-28 Umming js常用代码 评论(0) 浏览(1497)
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环状滚动效果
下一篇: swiper箭头跟随鼠标切换效果
本文链接:https://www.umming.com/js/372.html
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
也许你还会对下面的内容感兴趣:
发表评论: