資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

如何用javascript接收radio button被選取後的值

如何用javascript接…

Chung 9 年又 112 天 3.4K

剛剛竟然犯了最簡單的錯誤~ 而且還是在趕著時間的時候⊙⊙ 我竟然蠢到用接收input 的方式去接收 ...

全國賽

全國賽

Chung 2 年又 234 天 685

剛加入A團,馬上就遇到全國賽,小小兵們的緊張心情不言而喻。 過程雖然累,但完成比賽後,相信也是滿滿...

我在開會

我在開會

Chung 2026-04-27 下午 9 點 617

我的2個小孩中,5G算是較為古靈精怪的那位。 原則上她的好多行為都讓我哭笑不得~ 這會她媽媽剛好有...


推薦閱讀

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

39週,已經突破3300公克了......

39週,已經突破3300公克…

Chung 10 年又 204 天 2.5K

Dear 小小鍾~ 39週了,今天醫生阿伯說你已經突破3300公克了......應該要出來了~ ...

懷念的防無聊小品遊戲釣魚

懷念的防無聊小品遊戲釣魚

Chung 10 年又 206 天 2.7K

說了我念舊不是沒有原因的...... 剛剛在電腦裡找資料....又翻到了這個~ 有印象嗎?這可是非常...

科技汰換的太快,是不是該清清書櫃了

科技汰換的太快,是不是該清清…

Chung 10 年又 214 天 2.5K

我喜歡買書~ 只是,買了都沒看完....這有點糟糕.....@@ 這層書架上的自修書籍不少,但真...


附近景點

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

  • 臺北水道水源地
  • 急公好義坊
  • 南港臺電倉庫
  • 前日軍衛戍醫院北投分院
  • 臺北賓館
  • 草山水道系統