資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 10 年又 309 天

jQuery效果滑動隱藏

因為需要所以紀錄下來,主要是要透過點選按鈕將字串隱藏或顯示出來...

雖說可以直接用hide或是show就可以達到這樣的結果,但為了動作的漂亮點...

所以這次使用滑動的方式來達到結果。

內容頁
這是測試字串
<button id="btn1">隱藏</button>
<button id="btn2">顯示</button>

jquery部份
$(document).ready(function(){
  $("#btn1").click(function(){
  $("div").slideUp();
  });
  $("#btn2").click(function(){
  $("div").slideDown();
  });
});

當然...這需要先載入jquery....

台北市內湖區江南街71巷75弄 Go

  • 點選按鈕隱藏顯示字串
  • 使用滑動效果達成顯示
  • jQuery載入與使用技巧
  • 動作效果提升網頁美觀
  • 隱藏顯示功能的實作方法
https://innstory.com/story-jQuery效果滑動隱藏-533

上一篇
 看似最短的距離往往遠的像在跑500障礙

下一篇
今晚適合小酌武侍酒日式串燒居酒屋 

發表留言

作者簡介

我是chung,網路工作者

主業是網站系統開發建置
副業是做夢、紀錄故事
作品請參考:teme.biz
做夢請參考:innstory.com
聯絡:chung.teme@gmail.com

有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。


推薦閱讀

作者其他相關類別故事

分享到各社群的方式

分享到各社群的方式

Chung 11 年又 260 天 1.7K

每次在寫網站系統時..客戶總會要求希望他們的網站可以有分享到社群網站的功能... 所以把一些常用的...

雖然是耶誕節

雖然是耶誕節

Chung 2025-12-25 下午 8 點 414

雖然今天是耶誕節, 外面下著雨,哪裡也沒去。 孩子們先完成功課,瑪莉歐賽車跑完一輪後, 5U 繼...

5U第一次朋友聚會

5U第一次朋友聚會

Chung 2026-05-24 下午 5 點 441

星期六,5U第一次跟朋友相約,到朋友家小聚。 身為家長,想說難得是他第一次正式跟朋友約聚會,我就乾脆...


推薦閱讀

這個地址也發生了其他故事

兒子吃香蕉要剝皮好嗎_

兒子吃香蕉要剝皮好嗎_

Chung 9 年又 16 天 2.7K

兒子,吃香蕉要剝皮好嗎⊙⊙

突然覺得,若沒有鍵盤我可能永遠都想不起我的密碼....。

突然覺得,若沒有鍵盤我可能永…

Chung 9 年又 13 天 1.9K

你有沒有過,怎麼想都想不起來的密碼~ 只要坐在電腦前就很自然的敲了出來⊙⊙ 突然覺得,若沒有鍵盤...

簡單的開胃菜,亞三魚。

簡單的開胃菜,亞三魚。

Chung 9 年又 67 天 2.6K

好久沒有寫關於料理方面的紀錄~ 今晚,就來盤重口味的亞三魚。 其實做法非常簡單。 但,首先得先感...


附近景點

這個地址-台北市內湖區江南街71巷75弄-附近還有甚麼?

  • 草山御賓館
  • 中山基督長老教會
  • 台北霞海城隍廟
  • 老松國小
  • 國定古蹟嚴家淦故居
  • 臺北水道水源地