資料載入中

我是 chung

鎖住記憶

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

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判斷字串中必須包含中英文

如何用javascript判…

Chung 9 年又 111 天 2.5K

字串拆開逐字檢查方式~ 首先將每一個字轉換成 ASCII 碼。 在使用for迴圈去檢查每個字是不是在...

終於,可以好好的呼吸了

終於,可以好好的呼吸了

Chung 1 年又 92 天 590

補紀錄~ 2025年8月3日這天,5U迎來了人生第一場國樂個人賽事「全國器樂大賽」。 自加入國樂社以...

為了即將到來的市賽

為了即將到來的市賽

Chung 2025-11-15 上午 9 點 423

終於,又來到忙碌的月份,國樂市賽即將在下星期到來。 沒錯,又是再次沒有週休二的週休二。 5U跟團...


推薦閱讀

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

清炒長年菜佐5U的咿咿呀呀

清炒長年菜佐5U的咿咿呀呀

Chung 10 年又 40 天 2.5K

在台灣,我們客家人一直對長年菜有種特殊的情感。 逢年過節的時候家裡常會煮上鹹菜湯、梅干扣肉......

鍾5U你欠我一份大腸包小腸

鍾5U你欠我一份大腸包小腸

Chung 9 年又 304 天 2.6K

忍著寒風~ 我一個人走在巷弄間......。 其實我並不知道這是什麼地方? 剛剛開完會,跟客戶達...

很久沒畫了2015年11月29日這是我第一張嘗試畫在手機裡

很久沒畫了2015年11月2…

Chung 9 年又 299 天 2.6K

小時候~喜歡畫畫,但其實是模仿著家姐的腳步~ 我姐姐以前畫畫很灑脫~隨便幾筆、隨便上色~看起來都...


附近景點

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

  • 建國中學紅樓
  • 曹洞宗大本山臺灣別院鐘樓
  • 李國鼎故居
  • 臺灣總督府交通局遞信部
  • 原大阪商船株式會社臺北支店
  • 西門紅樓