資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

PHP的日期加減運算

PHP的日期加減運算

Chung 14 年又 251 天 1.7K

在20040108再加上15天 = 20040123 在20040108再加上6個月 = 20040...

Apache無法執行.htaccess

Apache無法執行.hta…

Chung 9 年又 53 天 2.2K

首先.htaccess是在Apache HTTP Server服務器架設下,對於系統目錄進行各種...

手指練習器

手指練習器

Chung 2025-11-05 下午 6 點 327

學習樂器從來就沒有所謂的「簡單」。 年紀小、壓弦手指力氣不夠,確實有點吃虧,每次的壓弦每次的喊痛,...


推薦閱讀

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

20170214,我的情人節禮物。

20170214,我的情人節…

Chung 9 年又 263 天 2.2K

20170214,我的情人節禮物。

5U脫逃記,哥要的是自由啊

5U脫逃記,哥要的是自由啊

Chung 9 年又 261 天 2.5K

Mandy為了小傢伙添購了一個籠(安全柵欄)。 也在我充滿設計感的眼光下拼裝完成~ 為的是希望5U能...

10個月的5U,吃個飯像大爺啊

10個月的5U,吃個飯像大爺…

Chung 9 年又 258 天 2.6K

5U十個月了。 充滿好奇心的年紀,雖然會認人了,但試驗了幾次之後似乎不怎麼怕生。 不挑食,連尿布...


附近景點

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

  • 臺北機廠
  • 總督府山林課宿舍
  • 臺灣總督府電話交換局
  • 原大阪商船株式會社臺北支店
  • 圓山別莊
  • 臺灣民主紀念園區