「繼續閱讀功能」加上淡入淡出 effects

2008/12/27

3 篇留言

kaie's blog 繼續閱讀功能不需要重新載入新的頁面,直接就打開來...反應速度更快,閱讀完畢又可摺回,再加上這個特效,如虎添翼,方便又好用 。

1 . 把下列程式碼加至 /head 之前。,讓 prototype.js 、scriptaculous.js 預先載入,peekaboo_bgcolor = '#ffffff' 顏色代碼改為你背景色,不然 IE 會看不到特效 (預設是白色)
<script type='text/javascript' src=
'http://anniyalogam.com/scriptaculous/src/prototype.js'/ >
<script type='text/javascript' src=
'http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load=effects'/ >
<script type='text/javascript' >
var fade = true;
var peekaboo_bgcolor = '#ffffff';
</script >

2. 把kaie's blog 繼續閱讀功能裡的這段代碼,紅色的部份刪除掉即可。
<div class='post-body' >
<b:if cond='data:blog.pageType == "item"' >
<p> <data:post.body/ > </p >
<b:else/>
<style >#fullpost {display:none;} </style >
<p> <data:post.body/ > </p >


在貼HTML code時要注意一下,括號會被browser當作tag讀掉,所以如果要貼括號的話,要用下列的字元更換!

< 用 &lt; 更換
> 用
&gt; 更換
& 用
&amp;更換

資料來源:Hackosphere: Special effects for Peekaboo posts!