SR網頁設計工作室 - 購物網站/企業官網專業開發 › JS程式語法 › jQuery 區塊開合(點擊隱藏/顯示)(視窗開合效果 ...

jQuery 區塊開合(點擊隱藏/顯示)(視窗開合效果

byadmin 發表於 2015-7-15 16:07:59 , 8770人已閱讀 , 13人回應

分享一個目前網頁中常見的開合視窗效果 . 這個功能最常被應用於Q&A頁面中 , 要製作這類型的效果 , 目前最簡便的方式 , 就是使用jQuery 的 slideToggle 函數 , 可以快速實踐本功能 , 下面就直接看實作吧 !

下方實作中將slideToggle , slideDown , slideUp 皆做了應用示範 , 這個函數的使用非常簡單 , 有興趣的朋友歡迎參考看看吧.

教學範例程式碼

遊客，如果您要查看本帖隱藏內容請回復

開合效果.jpg

欄位輸入自動換行 (信用卡號輸入範例) 限制數字,字數

欄位輸入自動換行 (信用卡號輸入範例) 限制數字,字數

Javascript 載入頁面後自動重新整理一次頁面

Javascript 載入頁面後自動重新整理一次頁面

收藏0 回覆顯示全部樓層道具舉報

bychibacang 發表於 2015-7-20 19:00:09

很好的教學，幫到了

回覆顯示全部樓層道具舉報

bysayyesno99 發表於 2015-12-3 15:07:13

感謝，找好久，終於找到了

回覆顯示全部樓層道具舉報

byj855081221 發表於 2016-1-18 11:22:52

很棒的教學感謝!!!找到

回覆顯示全部樓層道具舉報

bywahg304 發表於 2016-4-26 10:23:05

Many thanks and a lot to help

回覆顯示全部樓層道具舉報

by邱齡慧@G 發表於 2016-7-15 16:25:57

不錯的教學！！！！！！！！

回覆顯示全部樓層道具舉報

bytomaxto 發表於 2016-7-17 12:38:25

cool tutorial

回覆顯示全部樓層道具舉報

by張富順@G 發表於 2017-3-15 14:19:06

學習了~~感恩分享

回覆顯示全部樓層道具舉報

by張育銘@FB 發表於 2017-5-23 15:20:52

正好需要用到，十分感謝!!

回覆顯示全部樓層道具舉報

bynimajneb34 發表於 2017-8-9 05:17:35

非常需要這種可延伸的視窗!

回覆顯示全部樓層道具舉報

12 / 2 頁下一頁

作者資訊

文章分類

最新主題

Contact us

歡迎您使用以下方式聯繫我們 , 本工作室服務時間為每日早上10:00點至晚間7:30點 ,也可點選下方 Contact us 進入留言板留下您的問題與相關聯絡資訊 , 我們將會儘快了解與回覆您。

SR數位設計工作室

服務專線：03-3555-069
歡迎來信：service@uniflow.com.tw

ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱：sr.design2011@gmail.com

本網站推薦使用以下瀏覽器 (請點擊圖式下載)

, Processed in 0.138585 second(s), 38 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5　GMT+8, 2024-4-19 02:21

回頂部