innstory

jQuery效果滑動隱藏

Temperature: 0 °C

2015-10-16 Chung

因為需要所以紀錄下來，主要是要透過點選按鈕將字串隱藏或顯示出來...

雖說可以直接用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

• 
• 
• 

作者簡介

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

訪客留言

留下一些足跡證明你來拜訪過我

推薦閱讀

作者其他相關類別故事

關掉phpinfo()

pexelsphotod 配置php環境的時候往往都會寫 phpinfo()； 這個函...

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

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

querySelectorAll對多個相同ID做統一處理

a 範例，想將同一組ID的DIV做統一隱藏的動作 var elms =...