資料載入中

我是 chung

鎖住記憶

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

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 8 年又 232 天 2.6K

上回做專案時,客戶說了手機桌面上的網站捷徑太醜,想要美化。 這回索性也幫Innstory美化一下,順...

校外教學木柵動物園

校外教學木柵動物園

Chung 2 年又 199 天 1K

期中考週的校外教學,來到了上回去不成的木柵動物園。 炎熱的天,帶著2位小蘿蔔頭,一邊觀察一邊完成老...

營火蟲幼蟲飼養觀察日記

營火蟲幼蟲飼養觀察日記

Chung 2025-12-14 上午 11 點 592

跟往常一樣,5U三不五時星期五下課時就會從學校帶一些「生物」回來,說是學校的課程觀察。 上次是帶蓋...


推薦閱讀

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

PDO連接Mysql方式

PDO連接Mysql方式

Chung 9 年又 59 天 2.2K

最近因為源碼檢測的原因,才驚覺自己以前的系統撰寫的方式早已不再安全。 所以決定之後的系統可能全都...

querySelectorAll對多個相同ID做統一處理

querySelectorA…

Chung 9 年又 58 天 4.2K

範例,想將同一組ID的DIV做統一隱藏的動作 我知道使用重複ID並不好,但我目前就遇到這樣的情況...

獨自一個人的2個星期,第2晚,手機上傳來兒子的新把戲。

獨自一個人的2個星期,第2晚…

Chung 9 年又 54 天 2.3K

一早醒來,發現床原來是這麼的大,而且我還睡在Mandy的位子上。 想想以往我都是睡在床邊上,現在床變...


附近景點

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

  • 新芳春茶行
  • 寶藏巖
  • 艋舺龍山寺
  • 臺北第三高女(中山女中)
  • 王寵惠墓園
  • 天母白屋(美軍宿舍)