一個簡單的 JavaScript + CSS 隱藏圖片,透過點選連結顯示圖片,
常用於論壇貼大量的大張圖片時,
這會讓人若要看文字描述時變成要頻繁的上下捲動,
並且不是每個人都想看全部的圖片,
不過以下語法都還是預先載入圖片的啦 :D
透過 JS 的 onclick 點擊,CSS 的 display:none 隱藏和 block 展示,
這也可以用在 Tab bar 導航的切換區塊上面。
[ 點擊展開或摺疊 ]
[ 點擊展開或摺疊 ]
找幾個 Sample:
Tab Pane Demo (WebFX)
http://webfx.eae.net/dhtml/tabpane/demo.html
WordPress Plugin sidebarTabs
http://www.blogviche.com.br/plugin-sidebartabs
Ajax Powered JavaScript Tabs with Rich API - dhtmlxTabbar
http://dhtmlx.com/docs/products/dhtmlxTabbar
不好意思,那我想弄在blogger的小工具上請問我該參考哪一個網址?
回覆刪除要用 JavaScript + CSS,三個都可以參考,有類似寫法。
刪除