資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

.sql檔過大無法匯入phpMyAdmin

.sql檔過大無法匯入php…

Chung 14 年又 43 天 2K

修改phpMyAdmin資料夾中的config.inc.php檔。 打開後找到下列兩行或自行加入:...

校內語文競賽喜事再添一發

校內語文競賽喜事再添一發

Chung 2025-11-25 下午 2 點 479

繼 5U 在國語演說拿下第三名後,昨天的作文比賽又勇奪四年級第一名。 看來你每天在那邊「刻字」、「...

四年級的最後一次運動會

四年級的最後一次運動會

Chung 2026-04-23 下午 8 點 1.1K

再次來到一年一度的國小運動會。 這幾天的預賽如火如荼地進行著。 感謝老師的滾動式分享,讓我雖然身處...


推薦閱讀

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

街角的早餐店

街角的早餐店

Chung 9 年又 90 天 2.9K

習慣拎上一杯便利商店的冰咖啡,來到街角這間早餐店。 早餐店沒有名字,賣的是中式早餐。 喜歡上他的原因...

有些事不堅持就會被遺忘

有些事不堅持就會被遺忘

Chung 9 年又 74 天 2K

這陣子,忙著趕工專案、忙著DBUG、忙著對陌生的技術找答案。 忘了記錄故事..............

笑起來,跟Mandy小時候一模一樣。

笑起來,跟Mandy小時候一…

Chung 9 年又 71 天 2.8K

笑起來,跟Mandy小時候一模一樣。


附近景點

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

  • 前南菜園日式宿舍
  • 歸綏街文萌樓
  • 勸業銀行舊廈
  • 三芝三板橋
  • 蔣中正宋美齡士林官邸
  • 臺北工業學校紅樓