!DOCTYPE html html lang=zh-CN head meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.5 title今日影视 海量影视电影电视剧免费在线看 每日更新热门大片title meta name=keywords content=真实电影推荐、在线影视网站、新片预告、经典电影、今日影视 meta name=description content=今日影视 提供真实欧美大片、国产剧集、高分经典影视信息,高清画质无广告,每日更新不等待。支持预约提醒,打造影迷一站式追剧平台。 style { margin 0; padding 0; box-sizing border-box; } body { font-family system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background #0f0f14; color #e5e5ec; line-height 1.5; opacity 0; animation fadeIn 0.2s ease forwards; } @keyframes fadeIn { 0% { opacity 0; } 100% { opacity 1; } } a, button { text-decoration none; color inherit; cursor pointer; } .container-asd829w { max-width 1200px; margin 0 auto; padding 0 20px; } 头部 .header-outer-qw329 { background #1b1b25; border-bottom 1px solid #2c2c3a; padding 16px 0; } .header-inner-tyu784 { display flex; flex-wrap wrap; align-items center; justify-content center; 菜单居中 gap 24px 32px; } .site-name-fg902 { font-size 1.8rem; font-weight 700; color #f7c948; letter-spacing 1px; } .nav-menu-ert332 { display flex; flex-wrap wrap; gap 16px 28px; } .nav-menu-ert332 a { font-weight 500; color #cbcbde; transition color 0.2s; padding 6px 0; border-bottom 2px solid transparent; } .nav-menu-ert332 ahover { color #f7c948; border-bottom-color #f7c948; } 网站简介 .site-intro-bvx934 { background linear-gradient(145deg, #1e1e2c, #13131c); padding 28px 20px; font-weight 700; font-size 1.2rem; text-align center; border-bottom 1px solid #2f2f42; color #f0e9d0; } .site-intro-bvx934 p { max-width 900px; margin 0 auto; } .breadcrumb-asd24533 { padding 14px 20px; background #191923; font-size 0.95rem; color #9a9ab0; border-bottom 1px solid #2a2a3a; } .breadcrumb-asd24533 span { color #c0c0d6; } 版块通用 .section-block-wqe774 { margin-top 40px; margin-bottom 30px; } .section-header-tyu559 { display flex; flex-wrap wrap; align-items baseline; justify-content space-between; margin-bottom 20px; padding-bottom 8px; border-bottom 2px solid #2e2e44; } .section-title-zxc332 { font-size 1.6rem; font-weight 700; color #f0e6c5; } .category-tags-ert778 { display flex; flex-wrap wrap; gap 12px; } .category-tags-ert778 a { background #25253a; padding 6px 16px; border-radius 30px; font-size 0.85rem; color #b9b9d6; transition 0.2s; } .category-tags-ert778 ahover { background #3e3e5c; color #f7d97a; } 卡片网格 .card-grid-vbn223 { display grid; grid-template-columns repeat(3, 1fr); gap 24px; } @media (max-width 768px) { .card-grid-vbn223 { grid-template-columns repeat(2, 1fr); gap 16px; } } @media (max-width 480px) { .card-grid-vbn223 { grid-template-columns 1fr; } } 卡片 .card-item-mnb879 { background #1c1c2b; border-radius 20px; overflow hidden; transition box-shadow 0.25s, transform 0.2s; position relative; cursor pointer; box-shadow 0 8px 20px rgba(0,0,0,0.6); } .card-item-mnb879hover { box-shadow 0 16px 36px rgba(0,0,0,0.9); transform translateY(-4px); } .card-img-wrap-opl332 { position relative; overflow hidden; background #2a2a3c; width 100%; aspect-ratio 2 3; } .card-img-wrap-opl332 img { width 100%; height 100%; object-fit cover; display block; transition transform 0.3s ease; background #2a2a3c; } .card-item-mnb879hover .card-img-wrap-opl332 img { transform scale(1.03); } .card-play-mask-tyu661 { position absolute; inset 0; background rgba(0,0,0,0.25); display flex; flex-direction column; align-items center; justify-content center; opacity 0; transition opacity 0.25s; pointer-events none; } .card-item-mnb879hover .card-play-mask-tyu661 { opacity 1; } .play-icon-svg-ewq331 { width 52px; height 52px; background rgba(255,215,70,0.2); border-radius 50%; display flex; align-items center; justify-content center; backdrop-filter blur(2px); border 2px solid rgba(255,215,70,0.6); margin-bottom 8px; } .play-icon-svg-ewq331 svg { width 28px; height 28px; fill #f7c948; } .play-mask-text { font-weight 600; color #fff4d6; text-shadow 0 2px 6px black; font-size 0.95rem; } .card-info-ghj552 { padding 12px 14px 16px; } .card-title-rty445 { font-weight 700; font-size 1.1rem; margin-bottom 6px; white-space nowrap; overflow hidden; text-overflow ellipsis; color #f0e6d2; } .card-meta-vcx334 { display flex; flex-wrap wrap; gap 8px 14px; font-size 0.8rem; color #a8a8c2; margin-bottom 10px; } .card-meta-vcx334 span { background #26263b; padding 2px 10px; border-radius 14px; } .card-footer-btn-hty778 { display flex; justify-content space-between; align-items center; margin-top 6px; } .btn-watch-now-ert332 { background #f7c948; border none; color #12121c; font-weight 600; padding 6px 14px; border-radius 40px; font-size 0.75rem; transition 0.2s; } .btn-watch-now-ert332hover { background #ffdb6a; } .btn-fav-trigger-plk098 { background transparent; border 1px solid #4f4f70; color #c8c8e0; padding 5px 14px; border-radius 40px; font-size 0.75rem; transition 0.2s; } .btn-fav-trigger-plk098hover { border-color #f7c948; color #f7c948; } toast .toast-container-ert009 { position fixed; top 20px; left 50%; transform translateX(-50%); background #2d2d44; color #f4e9cf; padding 12px 32px; border-radius 60px; box-shadow 0 12px 40px rgba(0,0,0,0.8); z-index 9999; font-weight 600; font-size 1rem; border 1px solid #5c5c7a; backdrop-filter blur(6px); transition opacity 0.3s; opacity 0; pointer-events none; } .toast-container-ert009.show { opacity 1; pointer-events auto; } 模态框 .modal-overlay-tyu882 { position fixed; inset 0; background rgba(0,0,0,0.7); backdrop-filter blur(4px); display flex; align-items center; justify-content center; z-index 9998; opacity 0; pointer-events none; transition 0.25s; } .modal-overlay-tyu882.active { opacity 1; pointer-events auto; } .modal-box-ghj112 { background #1f1f31; max-width 500px; width 92%; border-radius 36px; padding 28px 24px 24px; box-shadow 0 30px 70px rgba(0,0,0,0.9); color #ece6dc; position relative; margin 0 16px; } .modal-title-ert449 { font-size 1.8rem; font-weight 700; margin-bottom 8px; } .modal-body-tre776 { margin 16px 0 20px; font-size 0.95rem; color #c9c9e0; line-height 1.6; } .modal-body-tre776 p { margin 6px 0; } .modal-actions-opl332 { display flex; justify-content flex-end; gap 16px; margin-top 20px; } .modal-actions-opl332 button { padding 10px 28px; border-radius 40px; border none; font-weight 600; font-size 0.9rem; background #3a3a58; color #e0dcd0; transition 0.2s; } .modal-actions-opl332 buttonhover { background #52527a; } .modal-actions-opl332 .btn-close-modal-asd772 { background #4d3d2a; color #f2d89a; } .modal-actions-opl332 .btn-goto-dev-tyu882 { background #f7c948; color #12121c; } 评论区 & 页脚 .comment-section-wqe334 { margin 48px 0 20px; background #181826; padding 24px 20px; border-radius 32px; } .comment-item-ert001 { padding 12px 0; border-bottom 1px solid #2c2c42; } .comment-item-ert001last-child { border-bottom none; } .comment-author-tyu882 { font-weight 700; color #d4c9ae; } .comment-text-ert332 { color #b9b9d0; margin-top 4px; } .footer-main-ert778 { background #12121e; padding 28px 20px 20px; border-top 1px solid #2a2a40; text-align center; font-size 0.9rem; color #9898b2; } .footer-links-ert332 { display flex; flex-wrap wrap; justify-content center; gap 24px; margin 12px 0 16px; } .footer-links-ert332 a { color #b6b6d2; border-bottom 1px solid transparent; } .footer-links-ert332 ahover { border-bottom-color #f7c948; color #f7c948; } .footer-icp-ert009 { margin-top 8px; font-size 0.8rem; color #6b6b88; } @media (max-width 1024px) { .header-inner-tyu784 { justify-content center; } } @media (max-width 768px) { .nav-menu-ert332 { justify-content center; gap 12px 20px; } .site-intro-bvx934 { font-size 1rem; } } style head body div class=toast-container-ert009 id=toastGlobaldiv div class=modal-overlay-tyu882 id=modalOverlay div class=modal-box-ghj112 div class=modal-title-ert449 id=modalTitlediv div class=modal-body-tre776 id=modalBodydiv div class=modal-actions-opl332 button class=btn-close-modal-asd772 id=modalCloseBtn关闭button button class=btn-goto-dev-tyu882 id=modalGotoBtn前往观看(开发中)button div div div header class=header-outer-qw329 div class=container-asd829w header-inner-tyu784 div class=site-name-fg902今日影视div nav class=nav-menu-ert332 a href=#首页a a href=#电影a a href=#剧集a a href=#综艺a a href=#动漫a a href=#排行榜a nav div header div class=site-intro-bvx934 p今日影视 提供在线电影 免费观看 高清画质 无广告,每日更新 热门大片。本页面展示真实影视作品信息,所有点击跳转及播放功能正在开发中,敬请期待正式版。今日影视 专注高品质 在线电影 服务,海量资源 免费观看,极致 高清画质 体验,每日更新 不拖延,真正 无广告 干扰。影迷首选 今日影视。p div div class=breadcrumb-asd24533 container-asd829w span首页 电影 正在热播span div main class=container-asd829w !-- 版块1 电影热映 -- section class=section-block-wqe774 div class=section-header-tyu559 h2 class=section-title-zxc332🔥 热映电影h2 div class=category-tags-ert778 a href=#动作aa href=#科幻aa href=#剧情aa href=#喜剧a div div div class=card-grid-vbn223 data-section=moviediv section !-- 版块2 高分剧集 -- section class=section-block-wqe774 div class=section-header-tyu559 h2 class=section-title-zxc332📺 高分剧集h2 div class=category-tags-ert778 a href=#国产aa href=#美剧aa href=#日剧aa href=#悬疑a div div div class=card-grid-vbn223 data-section=tvdiv section !-- 版块3 热门综艺 -- section class=section-block-wqe774 div class=section-header-tyu559 h2 class=section-title-zxc332🎤 热门综艺h2 div class=category-tags-ert778 a href=#真人秀aa href=#音乐aa href=#脱口秀aa href=#生活a div div div class=card-grid-vbn223 data-section=varietydiv section !-- 版块4 动漫新番 -- section class=section-block-wqe774 div class=section-header-tyu559 h2 class=section-title-zxc332🎬 动漫新番h2 div class=category-tags-ert778 a href=#热血aa href=#冒险aa href=#恋爱aa href=#奇幻a div div div class=card-grid-vbn223 data-section=animediv section !-- 版块5 经典珍藏 -- section class=section-block-wqe774 div class=section-header-tyu559 h2 class=section-title-zxc332🏆 经典珍藏h2 div class=category-tags-ert778 a href=#华语aa href=#欧美aa href=#日本aa href=#豆瓣高分a div div div class=card-grid-vbn223 data-section=classicdiv section !-- 评论区 -- section class=comment-section-wqe334 h3 style=margin-bottom16px; color#e8ddc4;👥 影迷短评h3 div class=comment-item-ert001div class=comment-author-tyu882小熊猫看电影divdiv class=comment-text-ert332今日影视 资源太全了,每日更新 无广告 爱了爱了。divdiv div class=comment-item-ert001div class=comment-author-tyu882追剧人阿花divdiv class=comment-text-ert332高清画质 真的舒服,在线电影 首选这里!divdiv div class=comment-item-ert001div class=comment-author-tyu882影迷老张divdiv class=comment-text-ert332免费观看 还不用充值,期待正式版播放功能。divdiv section main footer class=footer-main-ert778 div© 2026 今日影视div div class=footer-links-ert332 a href=# data-footer-link=about关于我们a a href=# data-footer-link=help帮助中心a a href=# data-footer-link=friend友情链接a a href=# data-footer-link=complain内容投诉a div div侵权必删div div class=footer-icp-ert009沪ICP备2026'8723'号div footer script (function() { 真实影视数据池 (名称, 类型, 年份, 导演, 评分, 热度集数季, 清晰度, 图片id) const moviePool = [ {name'奥本海默', type'movie', year2023, director'克里斯托弗·诺兰', score8.9, extra'4K', imgId'012', alt'奥本海默 电影 2023 克里斯托弗·诺兰'}, {name'沙丘2', type'movie', year2024, director'丹尼斯·维伦纽瓦', score8.7, extra'4K', imgId'023', alt'沙丘2 电影 2024 丹尼斯·维伦纽瓦'}, {name'流浪地球2', type'movie', year2023, director'郭帆', score8.3, extra'4K', imgId'031', alt'流浪地球2 电影 2023 郭帆'}, {name'哥斯拉大战金刚2', type'movie', year2024, director'亚当·温加德', score7.2, extra'4K', imgId'045', alt'哥斯拉大战金刚2 电影 2024 亚当·温加德'}, {name'周处除三害', type'movie', year2024, director'黄精甫', score8.1, extra'HD', imgId'052', alt'周处除三害 电影 2024 黄精甫'}, {name'飞驰人生2', type'movie', year2024, director'韩寒', score8.0, extra'4K', imgId'067', alt'飞驰人生2 电影 2024 韩寒'} ]; const tvPool = [ {name'繁花', type'tv', year2023, director'王家卫', score8.7, extra'30集全', imgId'011', alt'繁花 剧集 2023 王家卫'}, {name'漫长的季节', type'tv', year2023, director'辛爽', score9.4, extra'12集全', imgId'022', alt'漫长的季节 剧集 2023 辛爽'}, {name'狂飙', type'tv', year2023, director'徐纪周', score8.5, extra'39集全', imgId'033', alt'狂飙 剧集 2023 徐纪周'}, {name'三体', type'tv', year2023, director'杨磊', score8.7, extra'30集全', imgId'041', alt'三体 剧集 2023 杨磊'}, {name'去有风的地方', type'tv', year2023, director'丁梓光', score8.6, extra'40集全', imgId'055', alt'去有风的地方 剧集 2023 丁梓光'}, {name'梦华录', type'tv', year2022, director'杨阳', score8.0, extra'40集全', imgId'062', alt'梦华录 剧集 2022 杨阳'} ]; const varietyPool = [ {name'歌手2024', type'variety', year2024, director'洪啸', score7.8, extra'第3季', imgId'071', alt'歌手2024 综艺 2024 洪啸'}, {name'向往的生活7', type'variety', year2023, director'王征宇', score7.4, extra'第7季', imgId'082', alt'向往的生活7 综艺 2023 王征宇'}, {name'奔跑吧7', type'variety', year2023, director'姚译添', score6.9, extra'第7季', imgId'091', alt'奔跑吧7 综艺 2023 姚译添'}, {name'乘风2023', type'variety', year2023, director'吴梦知', score7.2, extra'第4季', imgId'013', alt'乘风2023 综艺 2023 吴梦知'}, {name'中国好声音2023', type'variety', year2023, director'金磊', score6.5, extra'第12季', imgId'024', alt'中国好声音2023 综艺 2023 金磊'}, {name'喜人奇妙夜', type'variety', year2024, director'未知', score8.2, extra'第1季', imgId'036', alt'喜人奇妙夜 综艺 2024 未知'} ]; const animePool = [ {name'鬼灭之刃 柱训练篇', type'anime', year2024, director'外崎春雄', score9.1, extra'8集', imgId'047', alt'鬼灭之刃 柱训练篇 动漫 2024 外崎春雄'}, {name'咒术回战 涩谷事变', type'anime', year2023, director'御所园翔太', score8.9, extra'23集', imgId'058', alt'咒术回战 涩谷事变 动漫 2023 御所园翔太'}, {name'葬送的芙莉莲', type'anime', year2023, director'斋藤圭一郎', score9.3, extra'28集', imgId'069', alt'葬送的芙莉莲 动漫 2023 斋藤圭一郎'}, {name'我推的孩子', type'anime', year2023, director'平牧大辅', score8.8, extra'11集', imgId'073', alt'我推的孩子 动漫 2023 平牧大辅'}, {name'间谍过家家 第2季', type'anime', year2023, director'古桥一浩', score8.7, extra'12集', imgId'084', alt'间谍过家家 第2季 动漫 2023 古桥一浩'}, {name'进击的巨人 最终季', type'anime', year2022, director'林祐一郎', score9.6, extra'12集', imgId'095', alt'进击的巨人 最终季 动漫 2022 林祐一郎'} ]; const classicPool = [ {name'霸王别姬', type'movie', year1993, director'陈凯歌', score9.6, extra'HD', imgId'017', alt'霸王别姬 电影 1993 陈凯歌'}, {name'阿甘正传', type'movie', year1994, director'罗伯特·泽米吉斯', score9.5, extra'HD', imgId'028', alt'阿甘正传 电影 1994 罗伯特·泽米吉斯'}, {name'泰坦尼克号', type'movie', year1997, director'詹姆斯·卡梅隆', score9.4, extra'4K', imgId'039', alt'泰坦尼克号 电影 1997 詹姆斯·卡梅隆'}, {name'千与千寻', type'anime', year2001, director'宫崎骏', score9.4, extra'HD', imgId'048', alt'千与千寻 动漫 2001 宫崎骏'}, {name'辛德勒的名单', type'movie', year1993, director'史蒂文·斯皮尔伯格', score9.5, extra'HD', imgId'056', alt'辛德勒的名单 电影 1993 史蒂文·斯皮尔伯格'}, {name'盗梦空间', type'movie', year2010, director'克里斯托弗·诺兰', score9.3, extra'4K', imgId'064', alt'盗梦空间 电影 2010 克里斯托弗·诺兰'} ]; const sectionMap = { 'movie' moviePool, 'tv' tvPool, 'variety' varietyPool, 'anime' animePool, 'classic' classicPool }; function renderCards() { document.querySelectorAll('.card-grid-vbn223').forEach(grid = { const sec = grid.dataset.section; const data = sectionMap[sec] []; data.forEach(item = { const typePath = item.type === 'movie' 'movie' item.type === 'tv' 'tv' item.type === 'variety' 'variety' item.type === 'anime' 'anime' 'movie'; const imgSrc = `uploadvod${item.imgId}-${item.type}.webp`; const card = document.createElement('div'); card.className = 'card-item-mnb879'; card.dataset.name = item.name; card.dataset.type = item.type; card.dataset.year = item.year; card.dataset.director = item.director; card.dataset.score = item.score; card.dataset.extra = item.extra; card.dataset.alt = item.alt; card.innerHTML = ` div class=card-img-wrap-opl332 img src=${imgSrc} alt=${item.alt} loading=lazy div class=card-play-mask-tyu661 div class=play-icon-svg-ewq331 svg viewBox=0 0 24 24polygon points=8,5 19,12 8,19 fill=currentColorsvg div div class=play-mask-text立即观看div div div div class=card-info-ghj552 div class=card-title-rty445${item.name}div div class=card-meta-vcx334 span⭐ ${item.score}span span🔥 ${item.extra}span span${item.year}span div div class=card-footer-btn-hty778 button class=btn-watch-now-ert332 data-action=watch▶ 立即看button button class=btn-fav-trigger-plk098 data-action=fav想看预约button div div `; grid.appendChild(card); }); }); } renderCards(); Toast 系统 const toastEl = document.getElementById('toastGlobal'); function showToast(msg) { toastEl.textContent = msg '功能开发中,即将开放,敬请期待'; toastEl.classList.add('show'); setTimeout(() = toastEl.classList.remove('show'), 2000); } 模态框 const overlay = document.getElementById('modalOverlay'); const modalTitle = document.getElementById('modalTitle'); const modalBody = document.getElementById('modalBody'); const modalClose = document.getElementById('modalCloseBtn'); const modalGoto = document.getElementById('modalGotoBtn'); function openModal(name, type, year, director, score, extra, alt) { modalTitle.textContent = name; modalBody.innerHTML = `p🎬 类型 ${type === 'movie' '电影' type === 'tv' '剧集' type === 'variety' '综艺' '动漫'}p p📅 年份 ${year}p p🎥 导演 ${director}p p⭐ 评分 ${score}p p📺 版本 ${extra}p p style=margin-top12px;color#b0b0ce;${alt}p`; overlay.classList.add('active'); } function closeModal() { overlay.classList.remove('active'); } modalClose.addEventListener('click', closeModal); modalGoto.addEventListener('click', function(e) { e.preventDefault(); showToast('功能开发中,即将开放,敬请期待'); }); overlay.addEventListener('click', function(e) { if (e.target === overlay) closeModal(); }); 全局事件委托 document.addEventListener('click', function(e) { const target = e.target.closest('button, a'); if (!target) return; const href = target.getAttribute('href'); if (href === '#') e.preventDefault(); 卡片点击 (但不包含按钮) const card = target.closest('.card-item-mnb879'); if (card && !target.closest('button')) { const name = card.dataset.name; const type = card.dataset.type; const year = card.dataset.year; const director = card.dataset.director; const score = card.dataset.score; const extra = card.dataset.extra; const alt = card.dataset.alt; openModal(name, type, year, director, score, extra, alt); return; } 想看预约按钮 if (target.classList.contains('btn-fav-trigger-plk098') target.dataset.action === 'fav') { e.preventDefault(); showToast(); return; } 立即观看按钮 (卡片内) if (target.classList.contains('btn-watch-now-ert332') target.dataset.action === 'watch') { e.preventDefault(); showToast(); return; } 分类入口、轮播图等 if (target.closest('.category-tags-ert778') target.closest('.nav-menu-ert332')) { e.preventDefault(); showToast(); return; } 底部辅助链接 (关于我们等) if (target.dataset.footerLink) { e.preventDefault(); const linkType = target.dataset.footerLink; let content = ''; if (linkType === 'about') content = '关于我们:今日影视 致力于提供最新最全的影视资讯,真实推荐。'; else if (linkType === 'help') content = '帮助中心:如果您遇到任何问题,请联系客服邮箱 support@example.com (演示)'; else if (linkType === 'friend') content = '友情链接:欢迎优质影视站点互换链接。'; else if (linkType === 'complain') content = '内容投诉:如认为本站内容侵权,请发函至 complaint@example.com'; modalTitle.textContent = target.textContent; modalBody.innerHTML = `p${content}p`; overlay.classList.add('active'); return; } }); 额外防止页面跳转 document.querySelectorAll('a[href=#]').forEach(a = { a.addEventListener('click', function(e) { e.preventDefault(); }); }); 初始隐藏模态 closeModal(); })(); script body html