資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

清除網頁暫存no cache

清除網頁暫存no cache

Chung 9 年又 1 天 4.7K

在製作專案時,有沒有試過JS 或 CSS 明明就已經更新了~ 但頁面卻像鬼打牆一樣,不管怎樣重新...

戶外教學到板橋派出所,當一日小警察。

戶外教學到板橋派出所,當一日…

Chung 2 年又 198 天 937

差婆來了。

爸爸,我的千金線斷了

爸爸,我的千金線斷了

Chung 2026-04-08 下午 8 點 789

今天去接5G放學時,她一臉焦慮地對我說: 「爸爸,我的千金線斷了。」 千金?什麼千金?我一時還反應不...


推薦閱讀

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

2018冬至快樂

2018冬至快樂

Chung 7 年又 321 天 2.9K

熱到要死的天氣,聽說今天是冬至? 不管怎樣...... 吃顆湯圓應應節慶吧,我還是偏愛芝麻口味。...

5G,40週了。

5G,40週了。

Chung 7 年又 315 天 2.2K

其實已經超過40週了,5G卻似乎還不想退房~ 是住在媽媽肚子裡太舒服了? 目前醫生給的期限是最遲...

2個小孩果然不容易

2個小孩果然不容易

Chung 7 年又 266 天 1.8K

離開舒適圈(月子中心)回到主戰場(一家四口甜蜜的家)也近2個星期了。 我深深體會到照顧2個小孩,...


附近景點

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

  • 臺北郵局
  • 三井物產株式會社舊廈
  • 北投普濟寺
  • 天母白屋(美軍宿舍)
  • 大稻埕千秋街店屋
  • 臺大醫學院舊館