久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 分享收起展開圖標，同時請教一個問題 [打印本頁]
作者: 一定    時間: 2025-8-6 12:13
標題: 分享收起展開圖標，同時請教一個問題

想要類似官網這種收起與展開，能力有限弄了個圖標版，先看演示圖。

(, 下載次數: 26)

(, 下載次數: 28)


其實最好是svg版的，比較高清，但是變量是$cat[collapseimg]，解析出來是gif尾巴格式的，200行左右，代碼是：
  1. <img id="category_$cat[fid]_img" src="template/dingzhi_2021_book/dingzhi/$cat[collapseimg]" title="{lang spread}" alt="{lang spread}" onclick="toggle_collapse('category_$cat[fid]');"/>
復制代碼
下面分享gif版的圖標：
(, 下載次數: 52)
(, 下載次數: 25)
svg版的圖標無法上傳，想要的可以QQ聯系我，然后最后求助：怎么將這個改成SVG版的，模板作者是用的默認啥的，不知道哪里處理的，只知道收起與展開是：【onclick="toggle_collapse('category_$cat[fid]');】。



作者: 弄月    時間: 2025-8-6 13:30
.tg_no:before
.tg_yes:before

換這個就可以了
作者: 一定    時間: 2025-8-6 14:19
弄月 發表于 2025-8-6 13:30
.tg_no:before
.tg_yes:before

你這個咋用？不過我解決了，用CSS+DIV，不用JS，也沒用SVG模式，這里分享出來吧，留給后面有緣人。
CSS代碼
  1. /*板塊收起與展開*/
  2. .toggle-container {
  3.   display: inline-block;
  4.   vertical-align: middle;
  5.   margin-right: 5px;
  6. }
  7. .toggle-checkbox {
  8.   position: absolute;
  9.   opacity: 0;
  10. }

  12. .toggle-label {
  13.   cursor: pointer;
  14.   display: inline-block;
  15.   -webkit-tap-highlight-color: transparent;
  16. }
  17. .toggle-switch {
  18.   position: relative;
  19.   width: 33px;
  20.   height: 18px;
  21.   background-color: #e0e0e0;
  22.   border-radius: 11px;
  23.   box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  24.   transition: all 0.3s ease;
  25. }
  26. .toggle-switch-handle {
  27.   position: absolute;
  28.   width: 16px;
  29.   height: 16px;
  30.   background-color: white;
  31.   border-radius: 50%;
  32.   top: 1px;
  33.   left: 1px;
  34.   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  35.   transition: all 0.3s ease;
  36. }
  37. .toggle-checkbox:checked + .toggle-label .toggle-switch {
  38.   background-color: #4285f4;
  39. }
  40. .toggle-checkbox:checked + .toggle-label .toggle-switch-handle {
  41.   transform: translateX(15px);
  42. }
復制代碼
DIV代碼
  1. <!--板塊收起與展開-->
  2. <div class="toggle-container">
  3.   <input type="checkbox" id="category_$cat[fid]_toggle" class="toggle-checkbox" checked>
  4.   <label for="category_$cat[fid]_toggle"
  5.          onclick="toggle_collapse('category_$cat[fid]');"
  6.          class="toggle-label">
  7.     <div class="toggle-switch">
  8.       <span class="toggle-switch-handle"></span>
  9.     </div>
  10.   </label>
  11. </div></span>
復制代碼






歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) Powered by Discuz! X5.0
久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线
国产呦精品一区二区三区网站| 欧美一级精品大片| 日韩成人伦理电影在线观看| 日本在线观看不卡视频| 99久久精品费精品国产一区二区| 色综合天天性综合| 欧美日韩综合久久| 亚洲一区bb| 欧美少妇一区二区| 精品国产麻豆免费人成网站| 亚洲色图欧美在线| 亚洲成av人片一区二区三区| 国产一区二区三区黄视频| 色94色欧美sute亚洲线路一ni | 欧美成人日韩| 久久久夜精品| 精品伦理精品一区| 亚洲小少妇裸体bbw| 国产精品69毛片高清亚洲| 亚洲天堂偷拍| 欧美视频在线观看一区二区| 亚洲成a天堂v人片| 欧美综合77777色婷婷| 久久综合精品国产一区二区三区| 伊人夜夜躁av伊人久久| 极品少妇xxxx精品少妇偷拍| 欧美日韩影院| 国产精品嫩草99a| 久久精品国产99久久6| 欧美日一区二区在线观看 | 欧美日韩专区在线| 国产欧美日韩视频一区二区| 日本aⅴ亚洲精品中文乱码| 欧美精品一线| 91精品午夜视频| 亚洲精品视频在线观看网站| 国产一区91精品张津瑜| 欧美人与z0zoxxxx视频| 一区二区三区在线免费播放| 成人午夜视频网站| 亚洲一区三区电影在线观看| 亚洲妇女屁股眼交7| 亚洲欧美日韩一区在线观看| 亚洲午夜一区二区| 久久国产一二区| 国产精品久久二区二区| 粉嫩高潮美女一区二区三区 | 国产偷国产偷亚洲高清97cao| 欧美一区二区视频免费观看| 蜜臀国产一区二区三区在线播放 | 久久青青草综合| 蜜臀99久久精品久久久久久软件| 激情深爱一区二区| 午夜在线精品偷拍| 欧美a一区二区| 91精品国产一区二区三区蜜臀| 成人免费毛片嘿嘿连载视频| 日本一区二区三区dvd视频在线| 黄色另类av| 亚洲国产综合视频在线观看| 在线观看日韩高清av| 亚洲乱码中文字幕| 久久成人亚洲| 久久国产精品72免费观看| 欧美成人bangbros| 欧美婷婷在线| 亚洲妇熟xx妇色黄| 欧美精品久久久久久久久老牛影院| 水蜜桃久久夜色精品一区的特点| 在线观看一区欧美| 国产日本一区二区| 亚洲区国产区| 中文在线免费一区三区高中清不卡 | 久久久久久日产精品| 国产精品18久久久久久vr| 亚洲一区二区三区午夜| 日韩在线播放一区二区| 制服丝袜中文字幕一区| 欧美xx69| 五月综合激情婷婷六月色窝| 亚洲成人自拍视频| 亚洲成人tv网| 欧美卡1卡2卡| 欧美午夜精品理论片a级大开眼界 欧美午夜精品久久久久免费视 | 国产精品久久久久久户外露出| 久久国产手机看片| 国产91精品精华液一区二区三区 | 国产亚洲自拍一区| 99久久婷婷国产综合精品| 综合在线观看色| 欧美在线一区二区| 欧美日本一区二区高清播放视频| 亚洲不卡一区二区三区| 精品乱人伦一区二区三区| 中文精品视频| 一区二区不卡在线视频 午夜欧美不卡在| 老**午夜毛片一区二区三区| 亚洲影院久久精品| 91久久久久| 天堂va蜜桃一区二区三区漫画版| 欧美美女直播网站| 国产一区高清视频| 日韩理论电影院| 91精品国产免费| 亚洲精品乱码久久久久久蜜桃91| 九九九精品视频| 亚洲色图视频免费播放| 欧美一区二区三级| 国产日韩一区欧美| 欧美日韩一区二区三区四区在线观看 | 亚洲无人区一区| 精品国产免费久久| 一本到三区不卡视频| aaa亚洲精品一二三区| 久久婷婷色综合| 免费视频一区| 欧美aa国产视频| 久久99精品国产麻豆婷婷| 中文字幕永久在线不卡| 狠狠爱www人成狠狠爱综合网| 秋霞午夜av一区二区三区| 国产蜜臀97一区二区三区| 91福利视频网站| 欧美日韩亚洲一区| 国产风韵犹存在线视精品| 亚洲一二三区在线观看| 久久女同精品一区二区| 色屁屁一区二区| 亚洲欧洲日夜超级视频| 成人免费视频app| 美女www一区二区| 亚洲欧美激情小说另类| 久久综合九色99| 午夜精品电影| 国产精品18久久久久久久久| 婷婷六月综合网| 亚洲视频精选在线| 精品国产乱码久久久久久浪潮 | 欧美日韩精品免费观看| 国产精品91一区二区| 午夜精品福利一区二区蜜股av| 中文字幕成人网| 精品日韩在线观看| 欧美四级电影在线观看| 国产精品日韩一区二区| 国产字幕视频一区二区| 成人美女在线观看| 美腿丝袜亚洲一区| 一区二区三区四区精品在线视频| 久久精品视频在线免费观看| 欧美精品丝袜中出| 色婷婷av久久久久久久| 国产精品尤物| 一区在线视频| 色综合久久中文字幕综合网| 国产成人亚洲综合a∨婷婷图片| 午夜影院久久久| 亚洲乱码日产精品bd| 国产欧美精品一区二区三区四区 | 懂色av一区二区夜夜嗨| 久久精品99久久久| 视频一区二区中文字幕| 一区二区国产视频| 亚洲情趣在线观看| 国产精品国产三级国产普通话三级| 久久综合色婷婷| 日韩精品专区在线影院重磅| 亚洲国产一区二区三区高清| 99国产精品视频免费观看| 国产成人久久精品77777最新版本| 精品在线视频一区| 老鸭窝一区二区久久精品| 天天综合色天天综合色h| 亚洲一区二区免费视频| 亚洲一区免费观看| 亚洲精品乱码久久久久久日本蜜臀| 欧美韩日一区二区三区四区| 久久久精品免费网站| 久久综合99re88久久爱| 欧美tk丨vk视频| 精品三级在线观看| 久久这里只有精品首页| www亚洲一区| 久久亚洲综合av| 久久久不卡网国产精品二区 | 久久久久se| 久久精品中文字幕一区二区三区| 老鸭窝毛片一区二区三区| 免费视频一区二区三区在线观看| 久久久久久穴| 日本韩国欧美在线| 在线中文字幕一区| 欧美午夜片在线观看| 欧美乱熟臀69xxxxxx| 91麻豆精品国产91久久久更新时间| 这里只有精品电影| 精品1区2区在线观看| 国产日韩欧美综合一区| 中文字幕欧美日韩一区| 国产日产精品一区|