資料載入中

我是 chung

鎖住記憶

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

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 11 年又 128 天 1.7K

這幾天很忙...忙著寫客戶的系統.. 忙到沒時間亂開其他網站... 忙到沒時間去研究新東西... 忙...

Linux底下Apache啟動、停止、重啟指令

Linux底下Apache啟…

Chung 8 年又 200 天 2.5K

如果apache安裝成為linux的服務的話,可以用以下命令操作: 以上紀錄~  

麟山鼻的招潮蟹

麟山鼻的招潮蟹

Chung 2026-04-13 下午 8 點 559

再次來到 麟山鼻 的沙灘。 自從上次來過一次之後,我一直對這片沙灘念念不忘。 沒有喧鬧的人潮,沙灘也...


推薦閱讀

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

這是.....,母子倆也玩得太嗨了吧

這是.....,母子倆也玩得…

Chung 8 年又 29 天 1.9K

這是.....,母子倆也玩得太嗨了吧!!

街角豆漿店的日常

街角豆漿店的日常

Chung 8 年又 28 天 1.8K

每天,我總會先出門到街角豆漿店吃個早餐,趁著Mandy跟5U還在夢鄉~ 一個人,喝著咖啡吃著早餐...

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@

鄰居種植的鬼椒,據說很辣,歡…

Chung 8 年又 21 天 3.3K

鄰居種植的鬼椒,據說很辣,歡迎我們採用,但我實在沒有勇氣嚐試@@


附近景點

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

  • 臺大醫院舊館
  • 延平基督教會
  • 婦聯總會
  • 國立臺灣大學日式宿舍-福州街20、22、26號
  • 國立臺灣大學日式宿舍-戴炎輝寓所
  • 大稻埕圓環防空蓄水池