資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

2024汐止仲夏夜音樂會

2024汐止仲夏夜音樂會

Chung 2 年又 77 天 875

如兒子所願,今年他加入了他夢寐以求的絲竹團,今天是加入絲竹後的第一場公開演出。

她只是個瑜伽大師

她只是個瑜伽大師

Chung 2025-12-16 下午 8 點 585

她真的真的每天都沒辦法坐好好寫字... 難道真的被說中了:她只是個瑜伽大師。 唉~我的手機裡都是...

從一刀流到三刀流

從一刀流到三刀流

Chung 2026-06-04 下午 8 點 495

5U進入國樂社也好幾個學期了。 從開始學習二胡... 接著短暫接觸了中胡... 從五音不全到拿著高胡...


推薦閱讀

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

若不抬頭你永遠都不知道樹上有甚麼

若不抬頭你永遠都不知道樹上有…

Chung 9 年又 188 天 2.8K

給5U~ 若不抬頭,你永遠都不知道樹上有甚麼。 若不爬上樹,你永遠都不知道樹頂有多精彩。

人生就應該像這頑強生命力的地瓜葉

人生就應該像這頑強生命力的地…

Chung 8 年又 1 天 2K

前幾天,隨手將準備丟棄的地瓜葉梗插進原本要種植香菜的盆裡。 過了快一個星期,竟然多了幾片綠意~ ...

還要cookies

還要cookies

Chung 8 年又 0 天 1.5K

5U吵著Mandy說還要cookies。 當下我的腦袋裡卻閃過用session吧,cookie不...


附近景點

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

  • 福州街11號日式宿舍
  • 三井物產株式會社舊廈
  • 閻錫山故居
  • 殷海光故居
  • 臺北工業學校紅樓
  • 臺北機廠