資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

研究著vps的設定...

研究著vps的設定...

Chung 11 年又 357 天 2.1K

現在在研究著vps的設定... 上次發生怪客入侵事件後...原本已經把所有系統都重新檢查後移入國內空...

國語演說

國語演說

Chung 2025-11-17 下午 6 點 167

5U緊湊的11月,再次迎來人生第一次國語演說。 升上四年級,能參加的校內語文競賽變多了,但就是少了...

班長好

班長好

Chung 2026-02-23 下午 8 點 559

不再是竹節蟲小班長,也不再是衛生紙小班長。 恭喜妳,這學期終於當上真正的班長了。 只是萬萬沒想到,...


推薦閱讀

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

原來種九層塔並不需要種子啊

原來種九層塔並不需要種子啊

Chung 8 年又 359 天 4.1K

我真的很愛九層塔的香味~ 在台灣,從小吃鹹酥雞到家庭料理九層塔煎蛋都少不了這一味。 當然更別說是...

1歲7個月

1歲7個月

Chung 8 年又 358 天 1.8K

愛模仿的年紀真的很有趣。 學著我用腳拿、撿起東西、學著Mandy大笑,古靈精怪的傢伙讓我不得不愛...

嗯,聽說是在模仿小丸子的髮型...

嗯,聽說是在模仿小丸子的髮型…

Chung 8 年又 355 天 2.2K

嗯,聽說是在模仿小丸子的髮型...


附近景點

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

  • 士林潘宅
  • 艋舺謝宅
  • 黃氏節孝坊
  • 芝山岩惠濟宮
  • 欽差行臺
  • 原八芝蘭公學校講堂