資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 11 年又 26 天

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寫日記。


推薦閱讀

作者其他相關類別故事

利用 css 讓 ul 置中呈現

利用 css 讓 ul 置中…

Chung 11 年又 303 天 3.2K

以前寫網站...總是喜歡用Table 包住內容.. 而隨著時空的轉換...現在大都用div..或者....

四歲8個月

四歲8個月

Chung 3 年又 70 天 1.3K

終於,腳夠長了。 迫不及待的想往上爬。

我好想要快點長大哦

我好想要快點長大哦

Chung 2025-12-31 上午 7 點 546

我好想要快點長大哦! 5G 認真地說。 Mandy 問她:「為什麼?」 5G 想都沒想就回答: ...


推薦閱讀

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

窗

窗

Chung 10 年又 118 天 2.5K

有時候,只需要一扇窗,一杯咖啡。 一些安靜的時間......就這樣的沉澱著~暫時拋開一切。

來一碗蝦麵吧

來一碗蝦麵吧

Chung 9 年又 291 天 2.5K

繼上回的咖哩麵後~我跟Mandy一直念念不忘那味道.........。 這次再來挑戰蝦麵(福建麵)!...

啟動休假模式

啟動休假模式

Chung 9 年又 289 天 3.2K

其實打從1月1日開始,就一直是呈現休假狀態~( ̄∇ ̄) 只是今天下午還是很認份的去客戶那邊做完教...


附近景點

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

  • 龍安坡黃宅濂讓居
  • 臺灣總督府鐵道部(臺北工場)
  • 貢寮新社慈仁宮暨奉憲示禁碑
  • 芝山岩隘門
  • 臺灣大學原帝大校舍(舊圖書館、行政大樓、文學院)
  • 臺大醫院舊館