資料載入中

我是 chung

鎖住記憶

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

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的獲取日期代碼不足兩位數補0

JavaScript的獲取日…

Chung 11 年又 321 天 3K

當我們用javascript得到了一個時間後...針對月份及日期的部分只會顯示數字... 但若我們需...

RewriteRule仿靜態連結

RewriteRule仿靜態…

Chung 11 年又 177 天 2.7K

前幾天寫了關於404頁面導向位置的定義。 同樣的是要定義.htaccess 這次是要將網址改變......

女兒與米雪兒

女兒與米雪兒

Chung 3 年又 122 天 1.2K

米雪兒是住家附近出現的野貓,米雪兒這名字只存在於我們家,也許其他人叫她阿花,5G上下課途中都會跟她打...


推薦閱讀

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

蘋果泥大失敗,這傢伙竟然排斥到給我嘔出來

蘋果泥大失敗,這傢伙竟然排斥…

Chung 10 年又 30 天 2.4K

蘋果泥大失敗,這傢伙竟然排斥到給我嘔出來~

6個月

6個月

Chung 10 年又 26 天 2.3K

已經6個月了,從哇哇墜地到現在~看看5U到底學會了什麼? 左翻右翻連續翻真的是沒有難度了 終於也是到...

下雨天,只能在家被小孩玩

下雨天,只能在家被小孩玩

Chung 10 年又 24 天 2.6K

下雨天,只能在家被小孩玩~


附近景點

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

  • 內湖庄役場會議室
  • 新芳春茶行
  • 臺北水道水源地
  • 專賣局(今臺灣菸酒股份有限公司)
  • 台北霞海城隍廟
  • 臺灣銀行