資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 10 年又 289 天

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 13 年又 301 天 2.7K

要用 JavaScript 來檢查同一組的 radio button 是否已選,可用以下方法: 也就...

HTML5 Geolocation

HTML5 Geolocat…

Chung 10 年又 221 天 2.2K

說真的,HTML5 Geolocation的功能真的好用... 輕鬆就可以讓網站也能取得目前所在的地...

如何使用javascript判斷身分證號跟居留證格式

如何使用javascript…

Chung 9 年又 12 天 5.3K

首先,我是把如何用javascript判斷字串中必須包含中英文的方式延伸~ 將每一個字轉換成 ASC...


推薦閱讀

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

8個月了,開始進入了孕後期

8個月了,開始進入了孕後期

Chung 10 年又 153 天 2.3K

32週,8個月了,開始進入了孕後期~ 小傢伙每天都賣力的扭動,深怕我們不知道他的存在似的.......

曬衣架上的幸福...

曬衣架上的幸福...

Chung 10 年又 127 天 2.3K

3月26日,今天36週了.....早上產檢一切順利。 活動力強已經是小傢伙的本性了,這幾天當然也...

未完成的金頓國際大飯店...

未完成的金頓國際大飯店...

Chung 11 年又 240 天 2.3K

說是未完成...應該說這個專案並未結案... 雖是未結案...但這網站其實一直都在線上.... 這...


附近景點

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

  • 延平基督教會
  • 總督府山林課宿舍
  • 陳天來故居
  • 前美國大使官邸
  • 李國鼎故居
  • 觀音禪堂