QQMCC 欢迎你的回来。
快捷导航

[电影表格] 电影预告片代码

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

发表于 2026-8-22 11:36:06 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转QQMCC。

您需要 登录 才可以下载或查看,没有账号?注册

x
鬼迷东宫.mp4 (38.18 MB, 下载次数: 1)
完结
002.jpg
001.jpg
003.jpg
004.jpg
005.jpg
鬼谜东宫 导演: 崔正奎 编剧: 权素拉 / 徐载元 主演: 南柱赫 / 卢允瑞 / 曹承佑 类型: 动作 / 悬疑 / 恐怖 / 奇幻 / 古装 制片国家/地区: 韩国 语言: 韩语 首播: 2026-07-17(韩国) 集数: 8 单集片长: 50分钟 又名: 东宫 / East Palace
剧情简介: 讲述拥有穿梭于灵界能力的具天(南柱赫 饰)和能听见死者声音的宫女生姜(卢允瑞 饰)被王(曹承佑 饰)召见,以揭开笼罩在世子宫中的诅咒的故事。

IMDb star 6.6/10
14k Rating
查看声明与平台入口 ▼
点击前往第三方平台观看


温馨提示:观看需要平台对应会员,本帖只做作品推荐交流,不存在资源、网盘、破解渠道。
著作权归属影片版权方,收到相关通知将第一时间删除帖子。
回复

使用道具 举报

154 主题
星币
金钱

Rank: 16Rank: 16Rank: 16Rank: 16

 楼主| 发表于 2026-8-22 11:57:21 | 显示全部楼层
  1. <style>
  2. .dz-card-wrap{width:850px !important;background:#161a23 !important;border-radius:14px !important;box-shadow:0 4px 16px rgba(0,0,0,.35) !important;padding:16px !important;margin:10px auto !important;box-sizing:border-box !important;}
  3. .dz-video-box{width:100% !important;min-height:80px !important;border-radius:10px !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#777 !important;font-size:13px !important;margin-bottom:16px !important;}
  4. .dz-oval-input{width:100% !important;box-sizing:border-box !important;margin-bottom:16px !important;padding:10px 18px !important;border-radius:999px !important;border:none !important;outline:none !important;background:#232935 !important;color:#e8e8e8 !important;font-size:14px !important;}
  5. .dz-oval-input::placeholder{color:#888 !important;}
  6. .dz-info-row{display:flex !important;gap:20px !important;align-items:flex-start !important;}
  7. .dz-img-left{
  8.     width:400px !important;
  9.     flex-shrink:0 !important;
  10.     border-radius:12px !important;
  11.     overflow:hidden !important;
  12.     position:relative !important;
  13.     cursor:pointer !important;
  14.     isolation:isolate !important;
  15. }
  16. #posterBox{
  17.     position:relative !important;
  18.     display:block !important;
  19.     width:400px !important;
  20.     height:592px !important;
  21.     overflow:hidden !important;
  22.     background:#000 !important;
  23. }
  24. .dz-img-left img{
  25.     position:absolute !important;
  26.     top:0 !important;
  27.     left:0 !important;
  28.     width:100% !important;
  29.     height:100% !important;
  30.     object-fit:cover !important;
  31.     display:block !important;
  32. }
  33. /* VIP斜角飘带角标 */
  34. .vip-corner-badge{
  35.     position:absolute !important;
  36.     top:14px !important;
  37.     left:-42px !important;
  38.     transform:rotate(-45deg) !important;
  39.     transform-origin:center center !important;
  40.     background:linear-gradient(135deg,#ffe27a,#ffb020,#ff7a00) !important;
  41.     color:#2b1600 !important;
  42.     font-weight:900 !important;
  43.     font-size:18px !important;
  44.     letter-spacing:2px !important;
  45.     padding:4px 48px !important;
  46.     z-index:3 !important;
  47.     box-shadow:0 4px 10px rgba(255,140,0,.55) !important;
  48.     border-top:1px solid rgba(255,255,255,.35) !important;
  49.     border-bottom:1px solid rgba(0,0,0,.2) !important;
  50. }
  51. /* 海报轮播:所有图片绝对定位叠加,active控制显示 */
  52. .poster-slide-item{
  53.     position:absolute !important;
  54.     inset:0 !important;
  55.     opacity:0 !important;
  56.     transition:opacity .8s ease !important;
  57.     pointer-events:none !important;
  58.     z-index:1 !important;
  59. }
  60. .poster-slide-item.active{
  61.     opacity:1 !important;
  62.     z-index:2 !important;
  63. }
  64. .dz-info-col-right{
  65.     flex:1 !important;
  66.     min-width:0 !important;
  67.     padding-top:2px !important;
  68. }
  69. .inner-text{font-size:14px !important;color:#C0C0C0 !important;line-height:1.5 !important;white-space:pre-wrap !important;word-wrap:break-word !important;overflow-wrap:break-word !important;margin:0 !important;max-width:100% !important;}
  70. .text-main-title{font-size:20px !important;color:#FFE4B5 !important;font-weight:bold !important;display:block !important;margin:0 0 4px 0 !important;line-height:1.35 !important;}
  71. .text-sub-title{font-size:16px !important;color:#FFE4B5 !important;display:block !important;margin:0 0 4px 0 !important;line-height:1.4 !important;}
  72. .imdb-rate-box{background:#222936 !important;border:1px solid #343c4b !important;border-radius:8px !important;padding:10px 14px !important;margin-top:12px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;}
  73. .imdb-left{display:flex !important;align-items:center !important;gap:10px !important;}
  74. .imdb-badge{
  75.     --imdb-pd-t:1px;
  76.     --imdb-pd-r:14px;
  77.     --imdb-pd-b:1px;
  78.     --imdb-pd-l:14px;
  79.     background:#f5c518 !important;
  80.     color:#111 !important;
  81.     font-weight:bold !important;
  82.     padding: var(--imdb-pd-t) var(--imdb-pd-r) var(--imdb-pd-b) var(--imdb-pd-l) !important;
  83.     border-radius:8px !important;
  84.     font-size:28px !important;
  85. }
  86. .imdb-star-img{width:28px !important;height:28px !important;display:block !important;vertical-align:middle !important;}
  87. .imdb-score{font-size:32px !important;color:#fff !important;font-weight:bold !important;line-height:1 !important;}
  88. .imdb-meta{font-size:14px !important;color:#C0C0C0 !important;line-height:1 !important;}
  89. .oval-platform-btn{display:inline-block !important;padding:7px 16px !important;background:#ffac2d !important;color:#111 !important;text-decoration:none !important;border-radius:999px !important;font-size:13px !important;margin:4px !important;transition:opacity .2s !important;}
  90. .oval-platform-btn:hover{opacity:.8 !important;}
  91. /* 折叠块:放卡片底部,独立通宽容器,不影响右栏文字 */
  92. .fold-wrap{margin-top:16px !important;width:100% !important;}
  93. .fold-item{background:#202833 !important;border:1px solid #333b48 !important;border-radius:8px !important;margin-top:0 !important;overflow:hidden !important;}
  94. .fold-header{padding:12px 16px !important;cursor:pointer !important;color:#e2e2e2 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;transition:.2s !important;}
  95. .fold-header:hover{background:#27303d !important;}
  96. .fold-content{max-height:0 !important;overflow:hidden !important;padding:0 16px !important;background:#1c2330 !important;color:#d7dde8 !important;transition:max-height .35s ease,padding .35s ease !important;}
  97. .fold-item.open .fold-content{max-height:2000px !important;padding:14px 16px !important;}
  98. .fold-icon{transition:transform .3s !important;}
  99. .fold-item.open .fold-icon{transform:rotate(180deg) !important;}
  100. @media (max-width:720px){
  101. .dz-info-row{flex-direction:column !important;}
  102. .dz-img-left{width:100% !important;}
  103. #posterBox{width:100% !important;height:auto !important;}
  104. #posterBox img{position:relative !important;height:auto !important;object-fit:contain !important;}
  105. }
  106. </style>
  107. <div class="dz-card-wrap">
  108.     <input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
  109.     <div class="dz-video-box">预告片</div>
  110.     <div class="dz-info-row">
  111.         <div class="dz-img-left" id="posterBox">
  112.             <div class="vip-corner-badge">完结</div>
  113.             <div class="poster-slide-item active">主海报</div>
  114.             <div class="poster-slide-item">海报</div>
  115.             <div class="poster-slide-item">海报</div>
  116.             <div class="poster-slide-item">海报</div>
  117.             <div class="poster-slide-item">海报</div>
  118.         </div>
  119.         <div class="dz-info-col-right">
  120.             <div class="inner-text"><span class="text-main-title">鬼谜东宫</span>
  121. 导演: 崔正奎
  122. 编剧: 权素拉 / 徐载元
  123. 主演: 南柱赫 / 卢允瑞 / 曹承佑
  124. 类型: 动作 / 悬疑 / 恐怖 / 奇幻 / 古装
  125. 制片国家/地区: 韩国
  126. 语言: 韩语
  127. 首播: 2026-07-17(韩国)
  128. 集数: 8
  129. 单集片长: 50分钟
  130. 又名: 东宫 / East Palace</div>
  131.             <div class="inner-text">
  132. <span class="text-sub-title">剧情简介:</span>
  133. 讲述拥有穿梭于灵界能力的具天(南柱赫 饰)和能听见死者声音的宫女生姜(卢允瑞 饰)被王(曹承佑 饰)召见,以揭开笼罩在世子宫中的诅咒的故事。</div><br>
  134.             <div class="imdb-rate-box">
  135.                 <div class="imdb-left">
  136.                     <span class="imdb-badge">IMDb</span>
  137.                     <img src="https://www.qqmcc.net/data/attachment/album/202610/14/101540ri3srksnrkrr499k.png" class="imdb-star-img" alt="star">
  138.                     <span class="imdb-score">7.6/10</span>
  139.                 </div>
  140.                 <div class="imdb-meta">14k<span style="line-height: 24px;"> </span>Rating</div>
  141.             </div>
  142.         </div>
  143.     </div>
  144.     <div class="fold-wrap">
  145.         <div class="fold-item">
  146.             <div class="fold-header">
  147.                 <span>查看声明与平台入口</span>
  148.                 <span class="fold-icon">▼</span>
  149.             </div>
  150.             <div class="fold-content">
  151. <div align="center">
  152. <a href="跳转链接" target="_blank" class="oval-platform-btn">点击前往第三方平台观看</a>
  153. </p><br>
  154. 温馨提示:观看需要平台对应会员,本帖只做作品推荐交流,不存在资源、网盘、破解渠道。<br>
  155. 著作权归属影片版权方,收到相关通知将第一时间删除帖子。<br>
  156. </div>
  157.             </div>
  158.         </div>
  159.     </div>
  160. </div>
  161. <script>
  162. document.addEventListener('click', function(e){
  163.     const hd = e.target.closest('.fold-header');
  164.     if(hd){
  165.         const wrap = hd.closest('.fold-item');
  166.         wrap.classList.toggle('open');
  167.     }
  168. });

  169. const posterBox = document.getElementById('posterBox');
  170. const slides = document.querySelectorAll('.poster-slide-item');
  171. let currentIndex = 0;
  172. const total = slides.length;

  173. document.querySelectorAll('.poster-slide-item img').forEach(img=>{
  174.     img.onclick = null;
  175.     img.removeAttribute('onclick');
  176. });

  177. posterBox.addEventListener('click',function(e){
  178.     e.stopPropagation();
  179.     e.preventDefault();
  180.     slides[currentIndex].classList.remove('active');
  181.     currentIndex++;
  182.     if(currentIndex >= total) currentIndex = 0;
  183.     slides[currentIndex].classList.add('active');
  184. });
  185. </script>
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|小黑屋|关于我们

Copyright © 2016-2023, Tencent Cloud.    Powered by Discuz! X3.4    鄂ICP备2022014325号-7

GMT+8, 2026-10-27 09:44