innstory

jQuery效果滑動隱藏

Temperature: 0 °C

2015-10-16 JuilinChung

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

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

作者簡介

JuilinChung

我是chung

網路工作者

主業是網站系統開發建置

副業是做夢,寫故事

作品請參考 / teme.biz

做夢請參考 / innstory.com

聯絡 / chung.teme@gmail.com

訪客留言

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

推薦閱讀

作者其他相關類別故事

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

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

HTML5 Geolocation

說真的，HTML Geolocation的功能真的好用... 輕鬆就可以讓網站也能取得...

使用jquery animate達到動態效果

首先..雖然在寫系統時常常會用到jquery 但我並沒有針對他的指令有做太深入的研究....