資料載入中

我是 chung

鎖住記憶

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

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


推薦閱讀

作者其他相關類別故事

.sql檔過大無法匯入phpMyAdmin

.sql檔過大無法匯入php…

Chung 14 年又 45 天 2K

修改phpMyAdmin資料夾中的config.inc.php檔。 打開後找到下列兩行或自行加入:...

說故事比賽狐假虎威

說故事比賽狐假虎威

Chung 2025-11-20 下午 7 點 454

從5U開始參加說故事比賽後,5G就在旁邊一直模仿。 她只是覺得好玩,覺得鬧哥哥很有趣,誰也沒想...

爸爸你看

爸爸你看

Chung 2026-08-30 上午 11 點 411

「爸爸你看,你會這樣嗎?」順著聲音,我看過去,當下只有一個想法,饒了我吧,妳就算讓我年輕30歲,我也...


推薦閱讀

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

5G看起來好像有美人尖哩

5G看起來好像有美人尖哩

Chung 7 年又 269 天 2.1K

5G看起來好像有美人尖哩~

還好我們生了兩個孩子

還好我們生了兩個孩子

Chung 7 年又 269 天 2K

我知道,照顧兩個孩子真的是讓人疲於奔命。 但看著他們成長的確也是讓人開心。 梧悠、梧綠,希望你們...

拼圖時間

拼圖時間

Chung 7 年又 267 天 1.9K

父子時間。 發現原來玩拼圖也可以教母語,我一邊拚著一邊用客家話要5U去找同顏色的拼圖。 這傢伙就...


附近景點

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

  • 曹洞宗大本山臺灣別院鐘樓
  • 白榕蔭堂墓園(白崇禧將軍墓)
  • 國立臺灣大學日式宿舍-青田街7巷2號
  • 錦町日式宿舍─林務局局長舊宿舍
  • 骨科醫院及住宅
  • 蔡瑞月舞蹈研究社