原文:ニンブロラボ.的"続きを読む"を開く/たたむ
已獲得作者stubborn_brain授權翻譯。
版權為原作者所有,如有轉載需要,請通知原作者,謝謝!
前言:
此語法可以按繼續閱讀即可在不更新頁面的情況下打開追記,
先將顯示於頁面的追記隱藏,
再利用語法讓繼續閱讀的連結可以打開隱藏部份。
所以如果追記部份有較多的文字、圖案,
在打開文章列表時會一起載入,
因而降低網頁開啟速度,請慎用!
註:以下教學,紫筠有部份修改增減。
教學:
難度:中
(請先打開樣式小幫手,複製右上角框內的HTML語法至文字編輯器)
一、請先把下方語法,貼在
<head>和
</head>之間
<script language="javascript" type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else {
document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else {
location.href = varB1;
return true;
}
} else {
location.href = varB1;
return true;
}
}
//-->
</script>
二、找到下列語法:
<!--if_not_entry-->
<!--if_ps_text-->
(中間可能因各種樣式而異:
普通樣式通常是:<div class="EntryPsText">
<a href="<!--$entry_link-->"><!--$entry_ps_title--></a>
</div>
新的自製樣式可能是:と)
<!--/if_ps_text-->
<!--/if_not_entry-->
三、整個替換成:
<!--if_not_entry-->
<!--if_ps_text-->
<div id="varP<!--$entry_no-->" class="EntryPsText">
<a title="<!--$entry_ps_title-->" href="<!--$entry_link-->#<!--$entry_no-->" style="border: none;" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;"><!--$entry_ps_title--></a>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none" class="EntryText">
<!--$entry_ps_text-->
<div class="EntryPsText"><a title="隱藏追記" href="#<!--$entry_no-->" style="border:none;" onclick="showMore(<!--$entry_no-->,0);return true;">隱藏追記</a></div>
</div>
<!--/if_ps_text-->
<!--/if_not_entry-->
title="<!--$entry_ps_title-->" 是游標移到繼續閱讀的連結上出現的文字,可自行更改「<!--$entry_ps_title-->」的部份。
<!--$entry_ps_title-->即是「繼續閱讀」的連結文字,
<!--$entry_ps_title-->是指預設的,可自行更改粉紅色的部份
title="隱藏追記"是游標移到隱藏追記的連結上出現的文字,可自行更改「隱藏追記」的部份。
隱藏追記是當追記開啟以後,點選可以隱藏追記的連結,可自行更改。
四、貼回小幫手原來的位置,然後存檔即可。
其他問題:
一、按隱藏追記後,無法回到標題
請在整個樣式原始碼中,
搜尋
<a href="<!--$entry_link-->">
替換成
<a href="<!--$entry_link-->" id="<!--$entry_no-->" name="<!--$entry_no-->">
二、想要把「繼續閱讀」、「隱藏追記」換成圖片(紫筠補充)
上方覆蓋的原始碼中,
把
<!--$entry_ps_title-->及
隱藏追記各自替換成
<img src="圖片網址" border="0">
PR