資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

Responsive Web Design使用CSS3的Media Queries進行自適應網頁設計

Responsive Web…

Chung 11 年又 192 天 3K

智慧型手持裝置(手機、平板)已是非常普及的日常生活必需品。 所以現在,在開發系統時客戶都會詢問是否支...

PHP使用GD函數切正方形圖像

PHP使用GD函數切正方形圖…

Chung 11 年又 15 天 2.3K

基本上大都是等比例將圖片上傳.... 但有時也會有需要正方形邊長的圖像需求 這時候還是得靠GD函式了...

練琴

練琴

Chung 2026-07-21 下午 8 點 740

就算是暑假,也不能太鬆懈。 沒事多練琴,沒事多喝水。 不然這孩子就像一塊藥膏貼布,黏到緊緊緊,走到...


推薦閱讀

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

windows下合併多個ISO檔為一個

windows下合併多個IS…

Chung 9 年又 129 天 4.2K

所謂ISO檔就是副檔名為【.iso】的檔案一般稱為【光碟映像檔】。 我們可以透過某些燒錄軟體將整張裝...

一兩黑殼蝦的功力

一兩黑殼蝦的功力

Chung 9 年又 124 天 3.4K

養魚養了快20年~從台東養到台北。 當然,我一直都不是專業的養魚養草達人,對於水族裡的生態也一直都採...

兒子真幸福,我小時候都沒玩過這麼多火材盒車,感謝恆永跟另一位朋友雖然我們已經不再連絡

兒子真幸福,我小時候都沒玩過…

Chung 9 年又 123 天 2.2K

兒子真幸福,我小時候都沒玩過這麼多火材盒車,感謝恆永跟另一位朋友(雖然我們已經不再連絡)


附近景點

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

  • 臺北第一高女
  • 延平基督教會
  • 建國啤酒廠
  • 原臺北信用組合(今合作金庫城內支庫)
  • 牯嶺街高等官舍群
  • 國立臺灣大學日式宿舍─馬廷英故居