資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

apache下設置不顯示目錄列表 Indexes FollowSymLinks

apache下設置不顯示目錄…

Chung 8 年又 357 天 2.9K

選擇編輯httpd.conf文件 找到如下内容: 在Options Indexes Follow...

客語檢定

客語檢定

Chung 2 年又 318 天 1.3K

恭喜通過客語基礎檢定,期待你將來可以直接用客語跟我對話。

考試餐

考試餐

Chung 2 年又 138 天 888

這2天期末考,兒子要我幫他準備考試餐,1根熱狗2個荷包蛋,他說吃了就會100分。 我就問,下次有要...


推薦閱讀

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

你真會挑尷尬的時間點

你真會挑尷尬的時間點

Chung 9 年又 356 天 2.5K

嗯,5U大便了,而且很臭。 只是現在時間,Mandy快下班了。 我到底要現在幫他清洗呢? 還是裝不知...

我們家孤單的火山蝦

我們家孤單的火山蝦

Chung 11 年又 11 天 4.4K

幾年前到朋友公司拜訪,她給了我一瓶生態瓶...裡頭住了一隻夏威夷火山蝦Halocaridina ru...

快樂星期五,外賣天自從當了爸,假日總是令人期待的

快樂星期五,外賣天自從當了爸…

Chung 9 年又 334 天 2.8K

快樂星期五,外賣天~自從當了爸,假日總是令人期待的( ̄∇ ̄)


附近景點

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

  • 大稻埕千秋街店屋
  • 天母白屋(美軍宿舍)
  • 骨科醫院及住宅
  • 鐵道部部長宿舍
  • 大稻埕辜宅
  • 原大阪商船株式會社臺北支店