初來喘息

1^#

發表於 2010-5-28 15:01 | 只看該作者

[求助] wp如何使文章部份內容隱藏

效果類似下面文章所說的..但是他的是側邊欄點一下藏起來..我想要是文章內容裡有這樣的效果.預設是隱藏.點一下所指定的文字去才會將藏起來的東西放出來

http://bluegirl73623.pixnet.net/blog/post/25670540
不知要如何修改

評分回覆引用

訂閱 TOP

闇色

中級會員

Rank: 3 Rank: 3

2^#

發表於 2010-5-28 19:07 | 只看該作者

本帖最後由闇色於 2010-5-28 19:30 編輯

此效果使用jQuery。
如果你是第一次接觸jQuery，請先看看這篇文。

代碼放出:

$(".toggle").css("display","none");$(".menuheader").click(function(){$(this).next().toggle("slow");return false});

複製代碼

括號內元素可修改可不修改。
.toggle是點擊進行後的顯示內容，.menuheader是點撃之後引發.toggle顯示文字。
.toggle("slow")只是我使用的伸展效果，你可以改成.slideToggle(300)，或瀏覽jQuery官網參考更多代碼演示。

編輯文字時，請以這樣的格式呼叫伸縮特效吧。
要注意的是<ul></ul>不能修改成<p></p>。這樣.toggle內的文字就可以進行隔行了。

<p class="menuheader">標題</p>
<ul class="toggle">
內容
</ul>

複製代碼

需要參考的話，請到這兒按按小標題。

評分回覆引用

TOP

king2001

初來喘息

3^#

發表於 2010-5-28 19:35 | 只看該作者

我也找到一個外掛..不過用他後好像編輯文章時不能點更新.會出錯
http://wordpress.org/extend/plugins/7hide/

你的方法好像更好..要花點時間學會裝..
另問..可有向上彈出的設定方法..
謝謝

評分回覆引用

TOP

闇色

中級會員

Rank: 3 Rank: 3

4^#

發表於 2010-5-28 19:44 | 只看該作者

本帖最後由闇色於 2010-5-28 19:46 編輯

因為外掛會漸漸加重主機負擔，而且純代碼也可以取代外掛的功能，所以我不推薦使用外掛達成效果。
加入jQuery也非常簡單，

jQuery(document).ready(function($){
$(".toggle").css("display","none");$(".menuheader").click(function(){$(this).next().toggle("slow");return false});
});

複製代碼

把以上代碼複製存成all.js，上傳至你的空間。
再加入jQuery主程式檔案……

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/all.js"></script>

複製代碼

把代碼複製到header.php(<body>之前)或footer.php就可以了，不明白請多參考我的BLOG**原始碼底部**
也請多看看2樓剛才給你的網站，他是位jQuery大師，不妨向他學習。

抱歉，一來我不明白何謂「向上彈出」，二來我還在學用jQuery，所以不能解答你的問題。m(_ _)m

評分回覆引用

TOP

king2001

初來喘息

5^#

發表於 2010-5-28 20:05 | 只看該作者

那2個BLOG我都有看..有大概了解..只是還沒試而已..
謝謝你的詳細解說..

「向上彈出」是我表達得不好..
就是點下去..內容向上出現(在點的文字上面出現)

評分回覆引用

TOP

闇色

中級會員

Rank: 3 Rank: 3

6^#

發表於 2010-5-28 21:22 | 只看該作者

初次折騰jQuery是點難度的啦，慢慢就會上手了。
折騰加油喔ﾉｼ

評分回覆引用

TOP

返回列表