Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

今天看痞客邦blog原始碼的時候,發現它有用jQuery來撰寫:
(如圖所示)
jquery1.jpg
jQuery是什麼東西呢,它是一種增加javascript函式庫的frameworks
有興趣的話可以參考這篇文章的說明:http://jsgears.com/thread-63-1-1.html
如果你還是不懂它是什麼東西,簡單的說,它就是能夠讓你的網頁變得更活潑的一支程式啦~~~


當我們在自己寫網頁的時候,如果想使用jQuery的功能就必需自己去jQuery官網下載這支程式來使用,不過由於痞客邦的blog本身就有使用到jQuery的函式庫,已將它代入到網頁中了,所以我們就可以直接在blog中使用jQuery的強大功能。


jQuery能做什事呢?

jQuery能做的事情可多了,你可以使用它的函式庫來寫一些動態的頁面像是:
(請在下面的框框中點一下)

注意:框內有作品情節、結局或其他相關內容,可能降低欣賞原作時的興緻。


當然它還可以實現其它更炫的效果啦,但這已是屬於jQuery程式撰寫的技術層次,我就不在本篇中探討了。


以下來介紹這個隱藏框的效果要怎麼弄出來:

首先呢,在你的側邊欄位中(隨便選一個欄位)寫入以下javascript:


例如我是寫在BlogAD這個區塊 jquery2.jpg

接著你就可以在寫布洛格的時候,切換到原始碼編輯器,貼上以下內容來使用這個隱藏文章的切換效果了:


注意:隱藏框的樣式為#hbox,標題的樣式為#tbox,請自行設計,如果不會設計可以直接跟我用一樣的:
(加在css中)


bshadow 發表在 痞客邦 PIXNET 留言(8) 人氣()


留言列表 (8)

發表留言
  • 悄悄話
  • 牛
  • 就是旁邊的文章分類、誰來我家、參觀人氣和放小玩意等等的欄位

    yam可以用的跟你一樣伸縮自如嗎?

    我是看到兔子這篇文章的http://bluegirl73623.pixnet.net/blog/post/25670540

  • 可以,請在自由欄位中輸入:

    bshadow 於 2009/02/01 10:56 回覆

  • Starlet
  • 超好弄
    本來一直弄不好
    哈哈哈
    最後終於成功了

    好用好用
    而且不佔空間
    推推推推
  • 悄悄話
  • 56464
  • dsdq

    都用不好 會的交一下 3Q

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼