資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

DIV區塊內文字左右對齊

DIV區塊內文字左右對齊

Chung 11 年又 335 天 2.3K

最近常接到一些英文網站建置的專案....為了讓內容文字能夠左右對齊... 所以我用了以下方式 話說我...

網站植入Facebook登入FB.api請求修改

網站植入Facebook登入…

Chung 9 年又 112 天 2.6K

會特別紀錄下來的原因是因為FB.api請求又調整了~ 必須更改成 在之前~若直接只輸入/me 就可以...

英語歌曲歌唱比賽分區特優晉級市賽

英語歌曲歌唱比賽分區特優晉級…

Chung 2025-12-10 上午 10 點 596

🎉恭喜402班🎉 在114年度英語歌曲比賽中拿下分區特優,成功晉級市賽啦! 老師和孩子們辛苦了,...


推薦閱讀

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

舒服了

舒服了

Chung 9 年又 25 天 2.9K

舒服了~

參巴炒四大天王佐檳城的記憶

參巴炒四大天王佐檳城的記憶

Chung 9 年又 24 天 3.6K

這幾天,同Mandy在住家附近的市場發現了楊桃豆。 老實說,這東西我第一次吃也是在檳城美食中心,...

限期三天

限期三天

Chung 9 年又 24 天 2.3K

照顧小小孩最痛苦的事不外乎是不吃、不喝、不大便。 最近這傢伙每天都給我上演這些戲碼(╯з╰) 都...


附近景點

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

  • 曹洞宗大本山臺灣別院鐘樓
  • 北投臺灣銀行舊宿舍
  • 內湖清代採石場
  • 原臺灣軍司令部
  • 南海學園科學館
  • 台北霞海城隍廟