搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 JS程式語法 jQuery 區塊開合(點擊隱藏/顯示)(視窗開合效果 ...
byadmin 發表於 2015-7-15 16:07:59 , 9271人已閱讀 , 13人回應
分享一個目前網頁中常見的開合視窗效果 . 這個功能最常被應用於Q&A頁面中 , 要製作這類型的效果 , 目前最簡便的方式 , 就是使用jQuery 的 slideToggle 函數 , 可以快速實踐本功能 , 下面就直接看實作吧 !

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

教學範例程式碼


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

開合效果.jpg




收藏回覆 只看該作者 道具 舉報

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
非常需要這種可延伸的視窗!

回覆 只看該作者 道具 舉報

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


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

信箱:sr.design2011@gmail.com

, Processed in 0.051560 second(s), 37 queries , Gzip On.

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

Core - DZ2.5 GMT+8, 2024-11-21 18:04

回頂部