<!DOCTYPE html>
<html lang=“en”>
<头>
<元字符=“UTF-8”>
<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>
<元名称=“视口” content=“width=device-width, initial-scale=1.0”>
<title>流俗地</title>
<!– 超链接到相同文件夹里的 bootstrap4 的包 –>
<link rel=“stylesheet” href=“bootstrap-4.6.1-dist/css/bootstrap.min.css”>
<风格>
身体{
颜色: #606060 !important;
}
/* 吸附导航的CSS */
.affix{
位置:固定;
宽度:100%;
顶部: 0;
background-color: 白色;
/* 图层堆叠上下,数字越大越上 */
z 指数:99;
框阴影: 0px 5px 10px #606060;
}
/* 自定义颜色 */
:根 {
–light-purple: #DDA0DD;/* 浅紫色 */
–深紫色:#800080;/* 深紫色 */
–hover-purple: #e967e4;/* 鼠标悬停颜色 */
}
/* 导航链接的默认样式 */
.nav-link {
颜色: var(–light-purple) !important;/* 默认颜色为浅紫色 */
}
/* 已访问的链接样式 */
.nav-link:visited {
颜色: var(–dark-purple) !important;/* 已访问的链接颜色为深紫色 */
字体粗细:粗体;/* 点击后加粗 */
}
/* 鼠标悬停时的样式 */
.nav-link:悬停 {
颜色: var(–hover-purple) !important;/* 悬停时颜色为 #DA70D6 */
}
/* 点击后的样式 */
.nav-link.active {
颜色: var(–dark-purple) !important;/* 点击后颜色为深紫色 */
字体粗细:粗体;/* 点击后加粗 */
}
#demo,#s1,#s3,#s5,#s7{
背景色:#e7e7e7;
}
/* .isotop{
左边距:-15px;
} */
#box{
/* relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局 */
/* 设置父级元素 */
position: relative;
}
.sde{
font-size: 18px;
}
.lead{
max-width: 60%;
margin: 0 auto;
text-align: left !important; /* 强制内部内容左对齐 */
/* border: 1px solid #ccc; */
}
/* 修改导航栏容器样式 */
.nav-container {
padding-left: 0 !important;
}
#my{
font-size: 19px;
}
/* .mart img{
margin-left: -40px;
} */
#news,#news a:link{
color: #606060;
}
#news a:visited{color: #800080;}
#news a:hover{color:#DA70D6;}
#news a:active{color: rgb(189, 58, 206);}
#box{
/* relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局 */
/* 设置父级元素 */
position: relative;
}
/* before为伪元素,一般是配合content,来插入新元素 */
#box:before{
/* content即插入元素的值 */
content: “”;
width: 0;
height: 100%;
background: rgba(18, 39, 93, 0.7);
/* absolute:元素会脱离文档流,如果设置偏移量,会影响其他元素的位置定位 */
/* 设置子元素 */
position: absolute;
top: 0%;
left: 50%;
opacity: 0;
/* 遮罩的速度 */
transition: 400ms;
}
#box:hover:before{
width: 100%;
left: 0;
/* 悬浮时背景色的透明度 */
opacity: 0.5;
}
/* .news-item {
justify-content: right;
} */
.tab{
float: left;
/* padding: 8px 16px; */
/* background-color: #ccc; */
cursor: pointer;
}
/* 设置标签页内容的样式 */
.tab-content {
display: none;
background-color: #fff;
}
#myBtn{
display: none;
position: fixed;
bottom: 20px;
right: 100px;
z-index: 99;
border: none;
background-color: #800080;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
}
#myBtn:hover{
background-color: #DDA0DD;
}
hr{
background: #9b9999;
}
</style>
</head>
<!– 吸附导航,滚动时依然跟着 –>
<body data-spy=”scroll” data-target=”#my”>
<div class=””>
<nav class=”navbar navbar-expand-md navbar-dark bg-secondary”>
<div class=”container lead”>
<button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#collapsibleNavbar”>
<span class=”navbar-toggler-icon”></span>
</button>
<div class=”navbar-collapse” id=”collapsibleNavbar”>
<ul class=”navbar-nav d-flex flex-column flex-md-row”>
<li class=”nav-item”>
<button class=”nav-link btn btn-outline-light text-dark” type=”button” onclick=”zh_tran(‘s’)”>简体中文</button>
</li>
<li class=”nav-item ml-2″>
<button class=”nav-link btn btn-outline-light text-dark” type=”button” onclick=”zh_tran(‘t’)”>繁体中文</button>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div>
<div id=”demo” class=”carousel slide” data-ride=”carousel” data-interval=”3000″>
<ul class=”carousel-indicators”>
<li data-target=”#demo” data-slide-to=”0″ class=”active” style=”width: 50px;height: 10px;” title=”one”></li>
<li data-target=”#demo” data-slide-to=”1″ style=”width: 50px;height: 10px;” title=”two”></li>
<li data-target=”#demo” data-slide-to=”2″ style=”width: 50px;height: 10px;” title=”three”></li>
</ul>
<div class=”carousel-inner”>
<div class=”carousel-item active”>
<img class=”mx-auto d-block img-fluid” style=”width: 900px;height: 400px;” src=”images/流俗地封面.jpg” alt=””>
</div>
<div class=”carousel-item”>
<img class=”mx-auto d-block img-fluid” style=”width: 900px;height: 400px;” src=”images/电视剧海报.jpg” alt=””>
</div>
<div class=”carousel-item”>
<img class=”mx-auto d-block img-fluid” style=”width: 500px;height: 400px;” src=”images/黎紫书2.jpg” alt=””>
</div>
</div>
<a class=”carousel-control-prev” href=”#demo” data-slide=”prev”>
<span><img src=”images/left.png” alt=”” style=”width: 50px;height: 80px;” title=”上一页”></span>
</a>
<a class=”carousel-control-next” href=”#demo” data-slide=”next”>
<span><img src=”images/right.png” alt=”” style=”width: 50px;height: 80px;” title=”下一页”></span>
</a>
</div>
</div>
<div id=”my” data-spy=”affix” data-offset-top=”559.14″>
<div class=”flex-column flex-md-row lead nav-container”>
<ul class=”nav”>
<li class=”nav-item”>
<a class=”nav-link” href=”#s1″>内容简介</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s2″>作者简介</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s3″>出版信息</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s4″>获奖记录</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s5″>作者活动</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s6″>购书链接</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#s7″>主题曲</a>
</li>
</ul>
</div>
</div>
<div>
<div class=”container bg-light pt-3 lead”>
<div class=”row col mb-3″>
<h2>流俗地</h2>
<pstyle=”font-size: 15px;margin-top: 15px;”> 以其深刻的人生哲理、独特的艺术特色和对社会现实的深刻反映,成为了一本值得推荐的书!</p>
<div class=”d-flex flex-column flex-md-row”>
<a href=”images/推荐书.jpg” title=”流俗地” class=”mb-3 mb-md-0″>
<img src=”images/推荐书.jpg” title=”点击看大图” class=”img-responsive” width=”180px” alt=”books”>
</a>
<div class=”” style=”max-width: 400px; margin-left: 20px;”>
<ul class=”list-group list-group-horizontal” style=”list-style-type: none; margin-bottom: 22px;”>
<li style=”margin-right: 10px;”>作者:</li>
<li style=”margin-left: 10px;”>(马来西亚)黎紫书</li>
</ul>
<ul class=”list-group list-group-horizontal” style=”list-style-type: none; margin-bottom: 22px;”>
<li style=”margin-right: 10px;”>出版社:</li>
<li>北京十月文艺出版社</li>
</ul>
<ul class=”list-group list-group-horizontal” style=”list-style-type: none; margin-bottom: 22px;”>
<li style=”margin-right: 10px;”>出品方:</li>
<li>十月文化</li>
</ul>
<ul class=”list-group list-group-horizontal” style=”list-style-type: none; margin-bottom: 22px;”>
<li style=”margin-right: 10px;”>出版年:</li>
<li>2021年4月</li>
</ul>
<ul class=”list-group list-group-horizontal” style=”list-style-type: none;”>
<li style=”margin-right: 10px;”>ISBN:</li>
<li style=”margin-left: 20px;”>9787530221280</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id=”s1″>
<div class=”container lead”>
<div class=”pt-5″>
<h4>内容简介</h4><br>
<p class=”sde”>长篇小说《流俗地》以马来西亚锡都,被居民喊作“楼上楼”的小社会拉开序幕,讲述其中市井小民的俗务俗事。小说主人公银霞生来是盲女,她聪慧、敏感,亦懂得洞察人心,她既愿意在家编织箩筐,也渴望融入外面的世界,她学象棋、上盲校,在生来的困顿里劈开了一片天。在盲校里,她学会用盲文写信,也拥有了炙热的爱情,一切看似向着美好的方向,殊不知黑暗已经降临。</p>
<p class=”sde”>小说以跳接时空的叙事手法,为各个角色穿针引线,每一短篇看似独立却又连续,这些小城人物在生命狂流里载浮载沉,薄凉活着,无声老去。他们冷眼、坎坷、孤寂、拥有短暂欢乐,却都像电光石火,刹那间便走到时间尽头,看俗世的风吹透灼热的仓皇人生。</p>
</div>
</div>
</div>
<div id=”s2″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col”>
<img src=”images/黎紫书1.jpg” alt=”” class=”img-fluid” width=”400px” height=”400px”>
</div>
<div class=”col mt-3 d-flex align-items-start”>
<div>
<h4>作者简介</h4><br>
<p class=”sde”>黎紫书,本名林宝玲,是马来西亚的一位杰出华文作家,1971年12月8日出生于马来西亚霹雳州的怡保市。她以丰富的创作才华和深刻的洞察力在马来西亚乃至国际华文文学界赢得了广泛的赞誉。</p>
<p class=”sde”>黎紫书早期在新闻界有着长达十年的工作经验,这段经历不仅锻炼了她敏锐的观察力和扎实的写作功底,也为她日后的文学创作提供了丰富的素材和灵感。然而,她对文学的热爱和追求最终让她转向了文学创作这条道路。长篇小说《告别的年代》获第四届红楼梦长篇小说奖评审团奖。已出版长篇小说、短篇小说集、微型小说集以及散文集等著作十余部。</p>
</div>
</div>
</div>
</div>
</div>
<div id=”s3″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col sde”>
<h4>出版信息</h4><br>
<h6>《流俗地》是马来西亚作家黎紫书创作的一部长篇小说,其出版信息在不同地区有所不同。以下是关于该书在大陆、台湾及马来西亚的出版情况的概述:</h6><br>
<ol>
<li><b>中国大陆版</b>
<ul>
<li>出版社:北京十月文艺出版社</li>
<li>出版时间:2021年4月</li>
<li>语言:简体中文</li>
<li>定价:55.00元</li>
<li>ISBN:9787530221280</li>
<li>页数:约476页</li>
<li>装帧:精装</li>
<li>市场反响:上市后收到广泛关注,豆瓣评分高达9.3,并被认为是华语文学的惊喜收获。</li>
</ul>
</li>
<li><b>台湾版</b>
<ul>
<li>出版社:麥田出版公司</li>
<li>出版时间:2020年5月2日</li>
<li>语言:繁体中文</li>
<li>定价:NTD 450</li>
<li>ISBN:9789863447528</li>
<li>页数:约424页</li>
<li>装帧:平装</li>
</ul>
</li>
<li><b>马来西亚版</b>
<ul>
<li>出版社:待更新出版</li>
<li>出版时间:首次出版于2020年5月</li>
<li>语言:马来语或中文(根据出版版本而定)</li>
<li>在马华文学市场反响良好,出版后迅速加印。</li>
<li><b>注意:</b>《流俗地》在马来西亚的出版信息虽然无法给出具体的出版社名称,但根据小说的内容和作者背景可以合理推测其出版情况。</li>
</ul>
</li>
</ol>
</div>
</div>
</div>
</div>
<div id=”s4″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col” style=”font-size: 14px;margin-right: 12px;”>
<h4>获奖记录</h4><br>
<h6>《流俗地》是一部由黎紫书创作的小说,该作品获得了多项文学奖项和荣誉,展现了其在华语文学领域的显著成就和影响力。</h6>
<ol>
<li>马华文学大奖:2022年9月16日,黎紫书凭借《流俗地》荣获此奖。</li>
<li>花踪文学奖:除了马华文学大奖外,《流俗地》还获得了2022年花踪文学奖的认可,这是对作品文学价值的进一步肯定。</li>
<li>亚洲周刊十大好书(虚构类):2020年,《流俗地》入选亚洲周刊的十大好书(虚构类),这一荣誉体现了作品在亚洲乃至全球华语文学界的影响力。</li>
<li>深圳读书月“年度十大好书”:2021年,《流俗地》被评为深圳读书月的“年度十大好书”,这反映了作品在公众阅读中的受欢迎程度。</li>
<li>豆瓣2021年度读书榜单:同样在2021年,《流俗地》入选豆瓣的年度读书榜单,这进一步证明了其在读者中的广泛认可和好评。</li>
<li>其他荣誉:《流俗地》还获得了包括《中华读书报》2021年度十大好书、新浪好书推荐2021年度10本推荐图书在内的多项荣誉,显示了其卓越的文学价值和广泛的社会影响力。</li>
</ol>
<p>此外,黎紫书还因《流俗地》获得了第四届“山花”文学双年奖小说奖,进一步巩固了其在华语文学界的地位。这些奖项和荣誉不仅是对黎紫书作为作家的肯定,也是对《流俗地》这部作品文学价值的认可。</p>
</div>
<div class=”col d-flex justify-content-end mb-3″>
<img src=”images/获奖.jpg” alt=”” class=”img-fluid” width=”400px” height=”500px”>
</div>
</div>
</div>
</div>
<div id=”s5″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col”>
<h4>作者活动</h4><br>
<div class=”sde”>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动1.jpg” alt=”” class=”img-fluid” style=”width:195px; height:130px;margin-bottom: -22px;” >
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);margin-bottom: -22px;”>
<p>1. 2021年6月26日:黎紫书的《流俗地》新书发布会举行。参与讨论的嘉宾包括当代著名作家王安忆、复旦大学教授陈思和、浙江大学教授翟业军,以及《流俗地》的作者黎紫书本人。这次活动围绕《流俗地》、马华文学以及日常生活与精神向度等问题展开深入讨论。
<br>具体链接:<a href=”https://baijiahao.baidu.com/s?id=1704313162399904382&wfr=spider&for=pc” target=”_blank”>流俗地分享会</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动2.jpg” alt=”” class=”img-fluid” style=”width:195px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>2. 2021年11月26日:由北京十月文艺出版社、单向空间联合主办的“市井人间的流俗与不俗———《流俗地》新书分享会”在单读视频号、当当、京东同步直播。嘉宾包括马家辉和黎紫书。
<br>具体链接:<a href=”https://news.qq.com/rain/a/20211126A01SVN00?suid=&media_id=” target=”_blank”>https://news.qq.com/rain/a/20211126A01SVN00?suid=&media_id=</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动3.jpg” alt=”” class=”img-fluid” style=”width:195px; height:130px;margin-bottom: -20px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);margin-bottom: -20px;”>
<p>3. 2021年12月9日:南都读书俱乐部联合十月文艺出版社邀请黎紫书进行线上分享,主题是“马来西亚社会的浮世绘长卷——黎紫书谈新著《流俗地》”。这次分享会涵盖了《流俗地》的结构、人物、背景、语言,以及日常生活与文学想象,马华文学的过去与现在。
<br>具体链接:<a href=”https://www.163.com/dy/article/GQPHPKEF05129QAF.html” target=”_blank”>https://www.163.com/dy/article/GQPHPKEF05129QAF.html</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动4.jpg” alt=”” class=”img-fluid” style=”width:200px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>4. 2023年8月5日:北京十月文艺出版社联合单向空间举行“欢迎你来到我的世界——黎紫书作品分享会”,特邀黎紫书和作家、单向空间创始人许知远进行深度对谈,地点在北京。
<br>具体链接:<a href=”https://www.sohu.com/a/708222160_611314″ target=”_blank”>https://www.sohu.com/a/708222160_611314</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动5.jpg” alt=”” class=”img-fluid” style=”width:200px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>5. 2023年8月13日:由北京十月文艺出版社、方所书店联合主办的“流俗众生相——黎紫书作品分享会”在西安方所书店举行,黎紫书与作家弋舟交流了小说写作和马华文学。
<br>具体链接:<a href=”https://cul.sohu.com/a/710518522_335965″ target=”_blank”>https://cul.sohu.com/a/710518522_335965</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动6.jpg” alt=”” class=”img-fluid” style=”width:205px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>6. 2023年8月14日:《流俗地》作者黎紫书作客成都方所活动分享。
<br>具体链接:<a href=”https://baijiahao.baidu.com/s?id=1774390279966528871&wfr=spider&for=pc” target=”_blank”>https://baijiahao.baidu.com/s?id=1774390279966528871&wfr=spider&for=pc</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动7.jpg” alt=”” class=”img-fluid” style=”width:195px; height:130px;margin-bottom: -20px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);margin-bottom: -20px;”>
<p>7. 2023年8月19日:黎紫书、龙扬志将做客广州方所,和读者们一起展开《流俗地》这一长卷浮世绘,寻觅她们一路走来的成长轨迹,让往事如骤雨般落下,感受小城中几十年的风雨悲欢。
<br>具体链接:<a href=”https://huacheng.gz-cmc.com/pages/2023/08/22/4a88750ea07a41fab63cb27db2979476.html” target=”_blank”>https://huacheng.gz-cmc.com/pages/2023/08/22/4a88750ea07a41fab63cb27db2979476.html</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动8.jpg” alt=”” class=”img-fluid” style=”width:205px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>8. 2023年8月21日:黎紫书携作品亮相广州,盼望与读者产生审美共鸣。
<br>具体链接:<a href=”https://baijiahao.baidu.com/s?id=1775020055567034328&wfr=spider&for=pc” target=”_blank”>https://baijiahao.baidu.com/s?id=1775020055567034328&wfr=spider&for=pc</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动9.jpg” alt=”” class=”img-fluid” style=”width:200px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>9. 2023年8月22日:上海书展现场,黎紫书与读者见面,并进行了《流俗地》相关的分享或签售活动。
<br>具体链接:<a href=”https://www.163.com/dy/article/IDF9K7SM0514R9P4.html” target=”_blank”>https://www.163.com/dy/article/IDF9K7SM0514R9P4.html</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动10.jpg” alt=”” class=”img-fluid” style=”width:200px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>10. 2023年8月25日:作者介绍《流俗地》的创作背景、灵感来源以及书中的主要人物和情节。杭州站,单向空间·乐堤港店。
<br>具体链接:<a href=”https://www.sohu.com/a/714370302_611314″ target=”_blank”>https://www.sohu.com/a/714370302_611314</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动11.jpg” alt=”” class=”img-fluid” style=”width:50.5%; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>11. 2023年8月26日晚:《流俗地》在南京先锋书店举行了分享发布会,作者黎紫书与作家鲁敏、南京师范大学文学院教授何平进行了对谈,深入交流了关于《流俗地》创作背后的故事。
<br>具体链接:<a href=”https://roll.sohu.com/a/715345264_121448078″ target=”_blank”>https://roll.sohu.com/a/715345264_121448078</a></p>
</div>
</div>
<div class=”d-flex justify-content-between align-items-start mb-3 my-4″>
<img src=”images/作者活动12.jpg” alt=”” class=”img-fluid” style=”width:205px; height:130px;”>
<div class=”ml-5″ style=”flex-grow: 1; max-width: calc(100% – 220px);”>
<p>12. 2023年9月2日:第三届“十月签约作家”发布现场。
<br>具体链接:<a href=”https://baijiahao.baidu.com/s?id=1776113913025814720&wfr=spider&for=pc” target=”_blank”>https://baijiahao.baidu.com/s?id=1776113913025814720&wfr=spider&for=pc</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id=”s6″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col mt-3 sde”>
<h4>购书链接</h4><br>
<p>《流俗地》是马来西亚华文作家黎紫书的一部作品,该书在不同的地区可能有不同的发行版本和购买渠道。<b>请注意:这些信息可能会随时间而改变,建议直接访问相关网站确认最新的购买链接或方式。</b>以下是一些可能的购买途径:</p><br>
<p><b>1.中国大陆</b></p>
<p>在大陆,您可以通过多个知名的在线书店或电商平台购买《流俗地》,包括但不限于:</p>
<ul>
<li>当当网(<a href=”https://book.dangdang.com/” target=”_blank”>https://book.dangdang.com/</a>):当当网是中国知名的图书电商平台,提供丰富的图书选择和便捷的购买服务。</li>
<li>京东图书(<a href=”https://www.jd.com/” target=”_blank”>https://www.jd.com/</a>):京东作为中国最大的综合性电商平台之一,其图书板块也拥有大量的图书资源。</li>
<li>天猫图书(<a href=”https://www.tmall.com/” target=”_blank”>https://www.tmall.com/</a>的图书频道):天猫上的图书专营店和旗舰店也是购买书籍的好选择。</li>
<li>博库书城(<a href=”https://www.bookuu.com/” target=”_blank”>https://www.bookuu.com/</a>):专业的图书销售网站,提供丰富的图书资源和良好的购书体验。</li>
</ul>
<p>购买途径:</p>
<ul>
<li>北京十月文艺出版社的版本可以在孔夫子旧书网找到签名本。</li>
<li>博库网和阿里巴巴1688都有销售,支持正版图书并提供包邮服务。</li>
</ul><br>
<p><b>2.台湾</b></p>
<p>在台湾,您可以通过以下网站购买《流俗地》等书籍:</p>
<ul>
<li>博客来(<a href=”http://www.books.com.tw/” target=”_blank”>http://www.books.com.tw/</a>):台湾最大的网络书店之一,提供丰富的中文书籍选择。</li>
<li>诚品网络书店(<a href=”http://www.eslite.com/” target=”_blank”>http://www.eslite.com/</a>):诚品书店的线上平台,除了图书还销售各种文创产品。</li>
<li>金石堂网络书店(<a href=”http://www.kingstone.com.tw/” target=”_blank”>http://www.kingstone.com.tw/</a>):另一家知名的台湾网络书店,提供多样的图书和便捷的购书服务。</li>
</ul><br>
<p><b>3.马来西亚</b></p>
<p>在马来西亚,您可以通过以下网络书店购买《流俗地》等书籍:</p>
<ul>
<li>Kinokuniya(<a href=”malaysia.kinokuniya.com” target=”_blank”>malaysia.kinokuniya.com</a>):全球知名的国际连锁书店品牌,在马来西亚也有分店,提供线上购书服务。</li>
<li>城邦阅读花园(<a href=”www.cite.com.my” target=”_blank”>www.cite.com.my</a>):马来西亚最大中文网路书店,书籍种类齐全。</li>
<li>Popular Bookstore(<a href=”www.popular.com.my/cn/index.php” target=”_blank”>www.popular.com.my/cn/index.php</a>):马来西亚家喻户晓的连锁书局,也提供网络订购服务。</li>
</ul>
<p>其他:</p>
<ul>
<li>当地书店如MPH Bookstores、Times Bookstores 或者 Kinokuniya 书店可能有销售。</li>
<li>在线书店如Loyalty Bookstores 或者 Shopee Malaysia 也可能有售。</li>
</ul><br>
<p><b>4.新加坡</b></p>
<p>在新加坡,您可以通过以下网络书店购买《流俗地》等书籍:</p>
<ul>
<li>Kinokuniya(<a href=”kinokuniya.com.sg” target=”_blank”>kinokuniya.com.sg</a>):新加坡最好的连锁书店之一,提供丰富的书籍和杂志。</li>
<li>友联书局(<a href=”www.unionbook.com.sg” target=”_blank”>www.unionbook.com.sg</a>):新加坡人最为熟悉的书店之一,除了网上书店外还有线下门店。</li>
<li>POPULAR Bookstore(<a href=”www.popular.com.sg” target=”_blank”>www.popular.com.sg</a>):新加坡历史悠久的零售书店及出版商,提供各种类型的书籍。</li>
</ul>
<p>其他:</p>
<ul>
<li>在线书店如Amazon Singapore 或者 Lazada Singapore 也是选择之一。</li>
</ul>
<h5>请注意,由于网络书店的库存和促销活动会不断变化,建议您在购书前直接访问相关网站的商品页面以获取最准确的信息。同时,如果您在购书过程中遇到任何问题,可以直接联系相关网站的客服进行咨询。</h5>
</div>
</div>
</div>
</div>
<div id=”s7″>
<div class=”container pt-5 lead”>
<div class=”row”>
<div class=”col mt-3 sde” style=”padding-bottom: 15px;line-height: 30px;”>
<h4>主题曲</h4><br>
<ul class=”list-unstyled”>
<li>
<h5>小说《流俗地》英文主题歌</h5>
<h6>
<span class=”text-primary”>《Fading Echoes | 余音渐消》</span>
<span class=”badge badge-secondary ml-2″>英文主题歌</span>
</h6>
<div class=”embed-responsive embed-responsive-16by9 my-3″>
<iframe class=”embed-responsive-item” src=”https://player.bilibili.com/player.html?isOutside=true&aid=114350719244119&bvid=BV19f5azAEgj&cid=29457059732&p=1″ scrolling=”no” allowfullscreen></iframe>
</div>
</li>
<li class=”mt-4″>
<h5>小说《流俗地》中文主题歌(国语)</h5>
<h6>
<span class=”text-primary”>《心相伴》</span>
<span class=”badge badge-secondary ml-2″>中文主题歌(国语)</span>
</h6>
<div class=”embed-responsive embed-responsive-16by9 my-3″>
<iframe class=”embed-responsive-item” src=”https://player.bilibili.com/player.html?isOutside=true&aid=114350736020059&bvid=BV1Ro5azeEKZ&cid=29457124476&p=1″ scrolling=”no” allowfullscreen></iframe>
</div>
</li>
<li class=”mt-4″>
<h5>小说《流俗地》推广主题曲(1)</h5>
<h6>
<span class=”text-muted”>《伙伴的年轮》</span>
<span class=”badge badge-info ml-2″>推广主题曲(即将上线)</span>
</h6>
<p class=”text-muted”>更新日期 敬请期待</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!– 尾部版权 –>
<button onclick=”topFunction()” id=”myBtn” title=”回到顶部”>返回顶部</button>
<div>
<footer style=”background-color: #292c30;”>
<div class=”container pt-3 lead”>
<!– 公益和商业合作作为一组 –>
<div class=”row mt-3″>
<div class=”col-md-4″ style=”font-size: 17px;”>
<h4 class=”mb-4″>公益</h4>
<p>马华学生留学中国</p>
<p>中国学生留学马来西亚</p>
<p>残障人士教育筹款</p>
</div>
<div class=”col-md-6″ style=”font-size: 17px;”>
<h4 class=”mb-4″>商业合作 | 外景地旅游</h4>
<p>简写文化(天津)有限公司</p>
<p>地址:</p>
<p>联系方式:</p>
</div>
</div>
<!– 友情链接和广告作为另一组 –>
<div class=”row mt-5″>
<div class=”col-md-4 sde” style=”line-height: 20px;”>
<h4 class=”mb-4″>友情链接</h4>
<p><a href=”http://tv.liusudi.com/” target=”_blank”>电视剧《流俗地》</a></p>
<p><a href=”http://movie.liusudi.com/” target=”_blank”>电影《流俗地》</a></p>
<p><a href=”http://abbrculture.com/” target=”_blank”>简写文化</a></p>
<p><a href=”http://gallery.abbrculture.com/” target=”_blank”>简写美术馆</a></p>
<p><a href=”http://parallelcapitalasia.com/” target=”_blank”>平行资本</a></p>
<p><a href=”http://zishuli.com/” target=”_blank”>作者个人网站</a></p>
</div>
<div class=”col-md-8″>
<h4 class=”mb-4″>广告 | 赞助</h4>
<div class=”row” style=”font-size: 16px;”>
<div class=”col-md-4″>
<p>xxxx公司<电视剧剧组><br>地址:<br>联系方式:</p>
</div>
<div class=”col-md-6″>
<p>xxxx公司<电视剧外景地事务管理公司><br>地址:<br>联系方式:</p>
</div>
</div>
<div class=”row mt-2″ style=”font-size: 16px;”>
<div class=”col-md-4″>
<p>xxxx公司<电影剧组><br>地址:<br>联系方式:</p>
</div>
<div class=”col-md-6″>
<p>xxxx公司<电影外景地事务管理公司><br>地址:<br>联系方式:</p>
</div>
</div>
</div>
</div>
<hr>
<div class=”mt-3 pb-3″ style=”text-align: center;font-size: 16px;”>
<p>免责条款</p>
<p>流俗地”novel.liusudi.com”所载的文/图等稿件均出于为公众传播有益资讯信息之目的,并不意味着赞同其观点或证实其内容的真实性,我们不对其科学性、严肃性等作任何形式的保证。如其他媒体、网络或个人从本网下载使用须自负版权等法律责任。</p>
<p>简写文化(天津)有限公司 版权所有 Copyright © 2024 novel.liusudi.com</p>
</div>
</div>
</footer>
</div>
</body>
<!– 必须要有这些才能显示更多的效果 –>
<!– jquer2.1.1.js为平滑滚动必要链接 –>
<script src=”bootstrap-4.6.1-dist/js/jquery2.1.1.js”></script>
<script src=”bootstrap-4.6.1-dist/js/jquery3.2.1.min.js”></script>
<script src=”bootstrap-4.6.1-dist/js/bootstrap.bundle.min.js”></script>
<script src=”bootstrap-4.6.1-dist/js/bootstrap.min.js”></script>
<!– affix.js为吸附导航必要链接 –>
<script src=”bootstrap-4.6.1-dist/js/affix.js”></script>
<!– isotope.js为模态框和筛选必要链接 –>
<script src=”bootstrap-4.6.1-dist/js/isotope.js”></script>
<script>
function zh_tran(type) {
if (type === ‘s’) {
// 将繁体中文转换为简体中文
document.querySelectorAll(‘.zh-text’).forEach(element => {
element.textContent = element.getAttribute(‘data-simplified’);
});
} else if (type === ‘t’) {
// 将简体中文转换为繁体中文
document.querySelectorAll(‘.zh-text’).forEach(element => {
element.textContent = element.getAttribute(‘data-traditional’);
});
}
}
</script>
<script>
// 网页简繁体转换
// 本js用于客户在网站页面选择繁体中文或简体中文显示,默认是正常显示,即简繁体同时显示
// 在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭
// 本程序只在UTF8编码下测试过,不保证其他编码有效
// ————– 以下参数大部分可以更改 ——————–
//s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示
var zh_default = ‘n’; //默认语言,请不要改变
var zh_choose = ‘n’; //当前选择
var zh_expires = 7; //cookie过期天数
var zh_class = ‘zh_click’; //链接的class名,id为class + s/t/n 之一
var zh_style_active = ‘font-weight:bold; color:green;’; //当前选择的链接式样
var zh_style_inactive = ‘color:blue;’; //非当前选择的链接式样
var zh_browserLang = ”; //浏览器语言
var zh_autoLang_t = true; //浏览器语言为繁体时自动进行操作
var zh_autoLang_s = false; //浏览器语言为简体时自动进行操作
var zh_autoLang_alert = true; //自动操作后是否显示提示消息
//自动操作后的提示消息
var zh_autoLang_msg = ‘歡迎來到本站,本站爲方便台灣香港的用戶\n1.采用UTF-8國際編碼,用任何語言發帖都不用轉碼.\n2.自動判斷繁體用戶,顯示繁體網頁\n3.在網頁最上方有語言選擇,如果浏覽有問題時可以切換\n4.本消息在cookie有效期內只顯示一次’;
var zh_autoLang_checked = 0; //次检测浏览器次数,第一次写cookie为1,提示后为2,今后将不再提示
//判断浏览器语言的正则,ie为小写,ff为大写
var zh_langReg_t = /^zh-tw|zh-hk$/i;
var zh_langReg_s = /^zh-cn$/i;
//简体繁体对照字表,可以自行替换
var zh_s = ‘皑蔼碍爱翱袄奥坝罢摆败颁办绊帮绑镑谤剥饱宝报鲍辈贝钡狈备惫绷笔毕毙闭边编贬变辩辫鳖瘪濒滨宾摈饼拨钵铂驳卜补参蚕残惭惨灿苍舱仓沧厕侧册测层诧搀掺蝉馋谗缠铲产阐颤场尝长偿肠厂畅钞车彻尘陈衬撑称惩诚骋痴迟驰耻齿炽冲虫宠畴踌筹绸丑橱厨锄雏础储触处传疮闯创锤纯绰辞词赐聪葱囱从丛凑窜错达带贷担单郸掸胆惮诞弹当挡党荡档捣岛祷导盗灯邓敌涤递缔点垫电淀钓调迭谍叠钉顶锭订东动栋冻斗犊独读赌镀锻断缎兑队对吨顿钝夺鹅额讹恶饿儿尔饵贰发罚阀珐矾钒烦范贩饭访纺飞废费纷坟奋愤粪丰枫锋风疯冯缝讽凤肤辐抚辅赋复负讣妇缚该钙盖干赶秆赣冈刚钢纲岗皋镐搁鸽阁铬个给龚宫巩贡钩沟构购够蛊顾剐关观馆惯贯广规硅归龟闺轨诡柜贵刽辊滚锅国过骇韩汉阂鹤贺横轰鸿红后壶护沪户哗华画划话怀坏欢环还缓换唤痪焕涣黄谎挥辉毁贿秽会烩汇讳诲绘荤浑伙获货祸击机积饥讥鸡绩缉极辑级挤几蓟剂济计记际继纪夹荚颊贾钾价驾歼监坚笺间艰缄茧检碱硷拣捡简俭减荐槛鉴践贱见键舰剑饯渐溅涧浆蒋桨奖讲酱胶浇骄娇搅铰矫侥脚饺缴绞轿较秸阶节茎惊经颈静镜径痉竞净纠厩旧驹举据锯惧剧鹃绢杰洁结诫届紧锦仅谨进晋烬尽劲荆觉决诀绝钧军骏开凯颗壳课垦恳抠库裤夸块侩宽矿旷况亏岿窥馈溃扩阔蜡腊莱来赖蓝栏拦篮阑兰澜谰揽览懒缆烂滥捞劳涝乐镭垒类泪篱离里鲤礼丽厉励砾历沥隶俩联莲连镰怜涟帘敛脸链恋炼练粮凉两辆谅疗辽镣猎临邻鳞凛赁龄铃凌灵岭领馏刘龙聋咙笼垄拢陇楼娄搂篓芦卢颅庐炉掳卤虏鲁赂禄录陆驴吕铝侣屡缕虑滤绿峦挛孪滦乱抡轮伦仑沦纶论萝罗逻锣箩骡骆络妈玛码蚂马骂吗买麦卖迈脉瞒馒蛮满谩猫锚铆贸么霉没镁门闷们锰梦谜弥觅绵缅庙灭悯闽鸣铭谬谋亩钠纳难挠脑恼闹馁腻撵捻酿鸟聂啮镊镍柠狞宁拧泞钮纽脓浓农疟诺欧鸥殴呕沤盘庞国爱赔喷鹏骗飘频贫苹凭评泼颇扑铺朴谱脐齐骑岂启气弃讫牵扦钎铅迁签谦钱钳潜浅谴堑枪呛墙蔷强抢锹桥乔侨翘窍窃钦亲轻氢倾顷请庆琼穷趋区躯驱龋颧权劝却鹊让饶扰绕热韧认纫荣绒软锐闰润洒萨鳃赛伞丧骚扫涩杀纱筛晒闪陕赡缮伤赏烧绍赊摄慑设绅审婶肾渗声绳胜圣师狮湿诗尸时蚀实识驶势释饰视试寿兽枢输书赎属术树竖数帅双谁税顺说硕烁丝饲耸怂颂讼诵擞苏诉肃虽绥岁孙损笋缩琐锁獭挞抬摊贪瘫滩坛谭谈叹汤烫涛绦腾誊锑题体屉条贴铁厅听烃铜统头图涂团颓蜕脱鸵驮驼椭洼袜弯湾顽万网韦违围为潍维苇伟伪纬谓卫温闻纹稳问瓮挝蜗涡窝呜钨乌诬无芜吴坞雾务误锡牺袭习铣戏细虾辖峡侠狭厦锨鲜纤咸贤衔闲显险现献县馅羡宪线厢镶乡详响项萧销晓啸蝎协挟携胁谐写泻谢锌衅兴汹锈绣虚嘘须许绪续轩悬选癣绚学勋询寻驯训讯逊压鸦鸭哑亚讶阉烟盐严颜阎艳厌砚彦谚验鸯杨扬疡阳痒养样瑶摇尧遥窑谣药爷页业叶医铱颐遗仪彝蚁艺亿忆义诣议谊译异绎荫阴银饮樱婴鹰应缨莹萤营荧蝇颖哟拥佣痈踊咏涌优忧邮铀犹游诱舆鱼渔娱与屿语吁御狱誉预驭鸳渊辕园员圆缘远愿约跃钥岳粤悦阅云郧匀陨运蕴酝晕韵杂灾载攒暂赞赃脏凿枣灶责择则泽贼赠扎札轧铡闸诈斋债毡盏斩辗崭栈战绽张涨帐账胀赵蛰辙锗这贞针侦诊镇阵挣睁狰帧郑证织职执纸挚掷帜质钟终种肿众诌轴皱昼骤猪诸诛烛瞩嘱贮铸筑驻专砖转赚桩庄装妆壮状锥赘坠缀谆浊兹资渍踪综总纵邹诅组钻致钟么为只凶准启板里雳余链泄’;
var zh_t = ‘皚藹礙愛翺襖奧壩罷擺敗頒辦絆幫綁鎊謗剝飽寶報鮑輩貝鋇狽備憊繃筆畢斃閉邊編貶變辯辮鼈癟瀕濱賓擯餅撥缽鉑駁蔔補參蠶殘慚慘燦蒼艙倉滄廁側冊測層詫攙摻蟬饞讒纏鏟産闡顫場嘗長償腸廠暢鈔車徹塵陳襯撐稱懲誠騁癡遲馳恥齒熾沖蟲寵疇躊籌綢醜櫥廚鋤雛礎儲觸處傳瘡闖創錘純綽辭詞賜聰蔥囪從叢湊竄錯達帶貸擔單鄲撣膽憚誕彈當擋黨蕩檔搗島禱導盜燈鄧敵滌遞締點墊電澱釣調叠諜疊釘頂錠訂東動棟凍鬥犢獨讀賭鍍鍛斷緞兌隊對噸頓鈍奪鵝額訛惡餓兒爾餌貳發罰閥琺礬釩煩範販飯訪紡飛廢費紛墳奮憤糞豐楓鋒風瘋馮縫諷鳳膚輻撫輔賦複負訃婦縛該鈣蓋幹趕稈贛岡剛鋼綱崗臯鎬擱鴿閣鉻個給龔宮鞏貢鈎溝構購夠蠱顧剮關觀館慣貫廣規矽歸龜閨軌詭櫃貴劊輥滾鍋國過駭韓漢閡鶴賀橫轟鴻紅後壺護滬戶嘩華畫劃話懷壞歡環還緩換喚瘓煥渙黃謊揮輝毀賄穢會燴彙諱誨繪葷渾夥獲貨禍擊機積饑譏雞績緝極輯級擠幾薊劑濟計記際繼紀夾莢頰賈鉀價駕殲監堅箋間艱緘繭檢堿鹼揀撿簡儉減薦檻鑒踐賤見鍵艦劍餞漸濺澗漿蔣槳獎講醬膠澆驕嬌攪鉸矯僥腳餃繳絞轎較稭階節莖驚經頸靜鏡徑痙競淨糾廄舊駒舉據鋸懼劇鵑絹傑潔結誡屆緊錦僅謹進晉燼盡勁荊覺決訣絕鈞軍駿開凱顆殼課墾懇摳庫褲誇塊儈寬礦曠況虧巋窺饋潰擴闊蠟臘萊來賴藍欄攔籃闌蘭瀾讕攬覽懶纜爛濫撈勞澇樂鐳壘類淚籬離裏鯉禮麗厲勵礫曆瀝隸倆聯蓮連鐮憐漣簾斂臉鏈戀煉練糧涼兩輛諒療遼鐐獵臨鄰鱗凜賃齡鈴淩靈嶺領餾劉龍聾嚨籠壟攏隴樓婁摟簍蘆盧顱廬爐擄鹵虜魯賂祿錄陸驢呂鋁侶屢縷慮濾綠巒攣孿灤亂掄輪倫侖淪綸論蘿羅邏鑼籮騾駱絡媽瑪碼螞馬罵嗎買麥賣邁脈瞞饅蠻滿謾貓錨鉚貿麽黴沒鎂門悶們錳夢謎彌覓綿緬廟滅憫閩鳴銘謬謀畝鈉納難撓腦惱鬧餒膩攆撚釀鳥聶齧鑷鎳檸獰甯擰濘鈕紐膿濃農瘧諾歐鷗毆嘔漚盤龐國愛賠噴鵬騙飄頻貧蘋憑評潑頗撲鋪樸譜臍齊騎豈啓氣棄訖牽扡釺鉛遷簽謙錢鉗潛淺譴塹槍嗆牆薔強搶鍬橋喬僑翹竅竊欽親輕氫傾頃請慶瓊窮趨區軀驅齲顴權勸卻鵲讓饒擾繞熱韌認紉榮絨軟銳閏潤灑薩鰓賽傘喪騷掃澀殺紗篩曬閃陝贍繕傷賞燒紹賒攝懾設紳審嬸腎滲聲繩勝聖師獅濕詩屍時蝕實識駛勢釋飾視試壽獸樞輸書贖屬術樹豎數帥雙誰稅順說碩爍絲飼聳慫頌訟誦擻蘇訴肅雖綏歲孫損筍縮瑣鎖獺撻擡攤貪癱灘壇譚談歎湯燙濤縧騰謄銻題體屜條貼鐵廳聽烴銅統頭圖塗團頹蛻脫鴕馱駝橢窪襪彎灣頑萬網韋違圍爲濰維葦偉僞緯謂衛溫聞紋穩問甕撾蝸渦窩嗚鎢烏誣無蕪吳塢霧務誤錫犧襲習銑戲細蝦轄峽俠狹廈鍁鮮纖鹹賢銜閑顯險現獻縣餡羨憲線廂鑲鄉詳響項蕭銷曉嘯蠍協挾攜脅諧寫瀉謝鋅釁興洶鏽繡虛噓須許緒續軒懸選癬絢學勳詢尋馴訓訊遜壓鴉鴨啞亞訝閹煙鹽嚴顔閻豔厭硯彥諺驗鴦楊揚瘍陽癢養樣瑤搖堯遙窯謠藥爺頁業葉醫銥頤遺儀彜蟻藝億憶義詣議誼譯異繹蔭陰銀飲櫻嬰鷹應纓瑩螢營熒蠅穎喲擁傭癰踴詠湧優憂郵鈾猶遊誘輿魚漁娛與嶼語籲禦獄譽預馭鴛淵轅園員圓緣遠願約躍鑰嶽粵悅閱雲鄖勻隕運蘊醞暈韻雜災載攢暫贊贓髒鑿棗竈責擇則澤賊贈紮劄軋鍘閘詐齋債氈盞斬輾嶄棧戰綻張漲帳賬脹趙蟄轍鍺這貞針偵診鎮陣掙睜猙幀鄭證織職執紙摯擲幟質鍾終種腫衆謅軸皺晝驟豬諸誅燭矚囑貯鑄築駐專磚轉賺樁莊裝妝壯狀錐贅墜綴諄濁茲資漬蹤綜總縱鄒詛組鑽緻鐘麼為隻兇準啟闆裡靂餘鍊洩’;
String.prototype.tran = function() {
var s1,s2;
if (zh_choose == ‘t’) {
s1 = zh_s;
s2 = zh_t;
}else if(zh_choose == ‘s’) {
s1 = zh_t;
s2 = zh_s;
}else {
return this;
}
var a = ”;
var l = this.length;
for(var i=0;i<this.length;i++){
var c = this.charAt(i);
var p = s1.indexOf(c)
a += p < 0 ? c : s2.charAt(p);
}
return a;
}
function setCookie(name, value) {
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if (expires != null) {
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + “=” + escape (value)+((expires == null) ? “” : (“; expires=” +LargeExpDate.toGMTString()));
}
function getCookie(Name) {
var search = Name + “=”
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if(offset != -1) {
offset += search.length;
end = document.cookie.indexOf(“;”, offset);
if(end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(offset, end));
}else {
return ”;
}
}
}
function zh_tranBody(obj) {
var o = (typeof(obj) == “object”) ? obj.childNodes : document.body.childNodes;
for (var i = 0; i < o.length; i++) {
var c = o.item(i);
if (‘||BR|HR|TEXTAREA|SCRIPT|’.indexOf(“|”+c.tagName+”|”) > 0) continue;
if (c.className == zh_class) {
if (c.id == zh_class + ‘_’ + zh_choose) {
c.setAttribute(‘style’, zh_style_active);
c.style.cssText = zh_style_active;
}else {
c.setAttribute(‘style’, zh_style_inactive);
c.style.cssText = zh_style_inactive;
}
continue;
}
if (c.title != ” && c.title != null) c.title = c.title.tran();
if (c.alt != ” && c.alt != null) c.alt = c.alt.tran();
if (c.tagName == “INPUT” && c.value != ” && c.type != ‘text’ && c.type != ‘hidden’ && c.type != ‘password’) c.value = c.value.tran();
if (c.nodeType == 3) {
c.data = c.data.tran();
}else{
zh_tranBody(c);
}
}
}
function zh_tran(go) {
if (go) zh_choose = go;
setCookie(‘zh_choose’, zh_choose, zh_expires);
if (go == ‘n’) {
window.location.reload();
}else {
zh_tranBody();
}
}
function zh_getLang() {
if (getCookie(‘zh_choose’)) {
zh_choose = getCookie(‘zh_choose’);
return true;
}
if (!zh_autoLang_t && !zh_autoLang_s) return false;
if (getCookie(‘zh_autoLang_checked’)) return false;
if (navigator.language) {
zh_browserLang = navigator.language;
}else if (navigator.browserLanguage) {
zh_browserLang = navigator.browserLanguage;
}
if (zh_autoLang_t && zh_langReg_t.test(zh_browserLang)) {
zh_choose = ‘t’;
}else if (zh_autoLang_s && zh_langReg_s.test(zh_browserLang)) {
zh_choose = ‘s’;
}
zh_autoLang_checked = 1;
setCookie(‘zh_choose’, zh_choose, zh_expires);
if (zh_choose == zh_default) return false;
return true;
}
function zh_init() {
zh_getLang();
c = document.getElementById(zh_class + ‘_’ + zh_choose);
if (zh_choose != zh_default) {
if (window.onload) {
window.onload_before_zh_init = window.onload;
window.onload = function() {
zh_tran(zh_choose);
if (getCookie(‘zh_autoLang_check’)) {alert(zh_autoLang_msg);};
window.onload_before_zh_init();
};
}else {
window.onload = function() {
zh_tran(zh_choose);
if (getCookie(‘zh_autoLang_check’)) {alert(zh_autoLang_msg);};
};
}
}
}
zh_init();
</script>
<script>
const navbar = document.getElementById(‘my’);
let lastScrollTop = 0;
let isScrolling;
// 初始状态隐藏导航栏
navbar.style.top = ‘-360px’;
window.addEventListener(‘scroll’, function() {
clearTimeout(isScrolling);
// 显示导航栏
navbar.style.top = ‘0’;
// 设置一个定时器,在用户停止滚动后隐藏导航栏
isScrolling = setTimeout(() => {
navbar.style.top = ‘-360px’;
}, 3000); // 3秒后隐藏
});
</script>
<script>
// 此功能为设置平滑滚动
// 前提记得引用jquery2.1.1.js
// 获取#my a点击事件,此为body标签里的data-target相同即可
$(“#my a”).click(function(event){
// hash就是获取锚点名称,以便后续计算该锚点距离顶部的距离
var target = $(this.hash);
// 1000毫秒滚动到获取的位置
$(“html”).animate({
// 获取到该锚点到顶部的距离!
scrollTop:target.offset().top
},500)
});
$(“#s8 ul a”).click(function(){
// 获取data-filter属性的值,作为筛选条件
var filterValue = $(this).attr(‘data-filter’);
//筛选
$(“.isotope-content”).isotope({ filter: filterValue });
//修改选中效果
$(this).parent().siblings().find(‘#a1’).removeClass(‘active’);
$(this).addClass(‘active’)
return false;
});
function openTab(event,tabName){
var tabContent = document.getElementsByClassName(“tab-content”);
for (var i = 0;i < tabContent.length;i++){
tabContent[i].style.display = “none”;
}
var tabs = document.getElementsByClassName(“tab”);
for (var i = 0;i < tabs.length;i++) {
tabs[i].className = tabs[i].className.replace(“active”,””);
}
document.getElementById(tabName).style.display = “block”;
event.currentTarget.className += “active”;
}
window.onscroll = function() {scrollFunction()};
function scrollFunction() {console.log(121);
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById(“myBtn”).style.display = “block”;
} else {
document.getElementById(“myBtn”).style.display = “none”;
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
window.onscroll = function() {scrollFunction()};
function scrollFunction() {console.log(121);
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById(“myBtn”).style.display = “block”;
} else {
document.getElementById(“myBtn”).style.display = “none”;
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</html>