資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

黑客松Hackathon二

黑客松Hackathon二

Chung 11 年又 280 天 1.8K

這是一次不同的體驗... 我一直都渴望有所謂的工作團隊並且享受共同討論共同創作的樂趣... 這次在黑...

小小二胡手

小小二胡手

Chung 2026-03-07 上午 11 點 655

來了來了,人生第一堂國樂分組課。 看起來似乎很享受的樣子,真心希望妳能一直保持這樣的學習心態。 加...

115年度七星區語文競賽

115年度七星區語文競賽

Chung 2026-08-25 下午 7 點 468

過幾天就要開學了。 今天,5U迎來升上五年級後的第一場比賽,115年度七星區語文競賽。 「有了去年...


推薦閱讀

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

5G抬頭練習

5G抬頭練習

Chung 7 年又 238 天 2.3K

5G在練習著抬頭,5U隨侍一旁( ̄∇ ̄) 還有5U說他也要練習抬頭。 我說親愛的,你好不好先練習...

所謂的一家人.....

所謂的一家人.....

Chung 7 年又 237 天 2K

所謂的一家人.....

5G滿三個月

5G滿三個月

Chung 7 年又 225 天 1.8K

5G滿三個月了。 最近有一點咳嗽,看來還是加入了我們是一家人的行列(╯з╰) 奶量非常難抓,有時1...


附近景點

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

  • 國立臺北護理健康大學城區部文教大樓
  • 臺北公會堂
  • 芳蘭大厝
  • 清真寺
  • 行政院
  • 立法院(原臺北州立第二高等女學校)