pc端網站优化！PC端網站综合性能优化

〖Three〗Optimizing playback interaction and making Flash content search-engine-friendly are essential for modern web standards and accessibility. 除了加载速度，Flash網站在运行時交互的顺滑度同样影响用戶體驗。针对播放交互，首要原则是避免在EnterFrame事件中执行重量级计算。将需要每帧处理的逻辑（如角色移动）拆分為独立的更新方法，并利用getTimer()控制更新频率；对于不需要实時响应的动画，使用Tween类庫（如GreenSock）替代逐帧脚本，因為Tween庫内部已针对性能做了高度优化。同時，注意鼠标事件的处理：过多的MouseEvent监听器會增加事件冒泡开销，建议在父容器上统一监听，target属性分發。对于包含大量可點擊对象的场景，可以启用mouseChildren = false以减少检测计算。另外，Flash在移动端（尤其是iOS设备）曾因不支持或性能极差而被诟病，若仍需要兼容，应使用Stage3D硬件加速渲染，或考虑将部分交互逻辑迁移到HTML5 Canvas。另一方面，搜索引擎無法直接抓取Flash内容，导致網站在SEO上处于劣势。优化方案是：為每個Flash頁面提供等价的HTML文本备份，并使用标签或静态文字说明；在SWF文件内嵌入元數據（flash.system.Security类的allowDomain设置），但更有效的是利用Google等搜索引擎曾经推出的SWF索引方案——在SWF第一帧放置一個包含關鍵文字和链接的TextArea，搜索引擎爬虫能讀取這些文本。此外，使用JavaScript动态注入Flash对象時，应在<noscript>中提供降级内容。对于網站整體，应构建清晰的站點地图，并在每個Flash頁面的、描述标签中填充分词。尽管Flash已逐渐被淘汰，但基于现有大量遗留Flash站點的维护需求，這些交互與SEO优化技巧仍能帮助網站在短期内维持流量與可用性。上述三方面的针对性优化，即使是老旧的Flash站點也能实现“快速”运转，满足用戶对速度和内容可發现性的双重要求。</p></p> <div class="meta-info teqiqylt mhhezntk"> <span data-id="vpktixcsz" class="xqmsbl" name="lwxrg"><i class="fas fa-eye"></i> 1800萬閱讀</span> <span class="rating" data-id="iqtvdny" name="qpvqtb">9.7</span> </div> </div> </div> <div class="featured-item ujhpjj liy-kc-jyf-cu"> <img src="https://tse-mm.bing.com/th?q=都市妖怪漫畫" alt="都市妖闻录" class="brxrjnpdt" name="dxaqeipti"> <div class="featured-content diveq"> <h3>2018蜘蛛池搭建：2018蜘蛛池搭建攻略</h3> <p name="iwquknom"><h2>30岁，SEO学習的黄金起點</h2></p> <div class="meta-info siioea"> <span class="ysmoq" name="cgjefgzs"><i class="fas fa-eye"></i> 2200萬閱讀</span> <span class="rating" data-id="lfelgmcs">9.6</span> </div> </div> </div> </div> </div> <div class="latest-section yodvy" id="xiuxian"> <h2 class="section-title"><i class="fas fa-clock"></i> 热血修仙漫畫最新上传</h2> <div class="comic-grid abaxgy"> <div class="comic-card yo-gvc-vyi-cs"> <div class="card-image mt-jhk-iyu-wl ne-zs-bk-ddo"> <img src="https://tse-mm.bing.com/th?q=热血修仙漫畫" alt="九天修仙录" class="wwdcvlajf"> <span class="new-badge" data-id="kcqupb">NEW</span> </div> <div class="card-content uvaqvonwo dqo-pg-bej-ypd"> <h3>九天修仙录</h3> <p class="card-desc" data-id="dfigd">凡人逆袭修仙问道，宗門争霸热血开启</p> <div class="card-meta xhxyfr"> <span><i class="fas fa-eye"></i> 950萬</span> <span class="card-rating">9.8</span> </div> </div> </div> <div class="comic-card dgieonq kceol"> <div class="card-image ckp-vop-ao-jk"> <img src="https://tse-mm.bing.com/th?q=剑道至尊漫畫" alt="剑道至尊" data-id="abhmaonoa" class="waimm" name="bxpnqq"> <span class="new-badge">NEW</span> </div> <div class="card-content kzbkpr yx-mad-gfp-vht"> <h3>剑道至尊</h3> <p class="card-desc" data-id="vfefhvpif" name="otdnrhua">穿越時空的妖魔鬼怪录，改变历史的代价</p> <div class="card-meta hvw-mek-sk-oaq zkaqgon"> <span class="ddpvch" name="kclmqrlay"><i class="fas fa-eye"></i> 880萬</span> <span class="card-rating">9.9</span> </div> </div> </div> <div class="comic-card bbvhkv os-ktv-arg-kqn"> <div class="card-image wnegblra"> <img src="https://tse-mm.bing.com/th?q=妖王觉醒漫畫" alt="妖王觉醒" data-id="zggdptywj" class="nakchhe"> </div> <div class="card-content tlellugdh bvrix"> <h3>妖王觉醒</h3> <p class="card-desc" data-id="chqek">沉睡妖王苏醒，古老血脉引爆乱世纷争</p> <div class="card-meta jft-jn-fn-wns"> <span data-id="nbdxde" class="fcsryvgy"><i class="fas fa-eye"></i> 720萬</span> <span class="card-rating" data-id="jwlbbqj">9.4</span> </div> </div> </div> <div class="comic-card ndrillmie"> <div class="card-image fbdqwmks yhlnw"> <img src="https://tse-mm.bing.com/th?q=校园恋愛漫畫" alt="校园恋愛日记"> </div> <div class="card-content aa-si-fep-xf"> <h3>校园恋愛日记</h3> <p class="card-desc" data-id="eattys" name="zubfh">清新校园恋愛故事，记录青春里的甜蜜瞬間</p> <div class="card-meta bmcxg mlp-ai-nmz-bm"> <span><i class="fas fa-eye"></i> 650萬</span> <span class="card-rating">9.3</span> </div> </div> </div> <div class="comic-card sdasjwnna"> <div class="card-image zrj-rq-lz-btk jcjll"> <img src="https://tse-mm.bing.com/th?q=热血格斗漫畫" alt="热血格斗少年" data-id="fnvcgkm" name="yicovpjgv"> </div> <div class="card-content mrr-coy-fej-yyb"> <h3>热血格斗少年</h3> <p class="card-desc" data-id="wgkiy" name="vfwecawhp">擂台、友情與成長交织的热血格斗漫畫</p> <div class="card-meta oixsp wj-uv-saw-wbj"> <span data-id="zzkjfaw" class="uosfqny" name="lxeorcguf"><i class="fas fa-eye"></i> 580萬</span> <span class="card-rating" data-id="cnikqg">9.5</span> </div> </div> </div> <div class="comic-card vntwfqqqp"> <div class="card-image hs-imk-zp-on dwfsenso"> <img src="https://tse-mm.bing.com/th?q=异能侦探漫畫" alt="异能侦探社" data-id="micoak" name="hdkulj"> </div> <div class="card-content xetffhjb nx-wny-xid-vz"> <h3>异能侦探社</h3> <p class="card-desc">异能侦探破解都市怪案，真相层层反转</p> <div class="card-meta rr-zt-uhy-kjo"> <span><i class="fas fa-eye"></i> 520萬</span> <span class="card-rating" data-id="yixwtzf">9.6</span> </div> </div> </div> <div class="comic-card lqybaqkl sbcxhe"> <div class="card-image uycwv hk-nml-bez-xyf"> <img src="https://tse-mm.bing.com/th?q=偶像漫畫" alt="偶像漫畫物语" class="hzjrwpcx" name="ruqscnvbj"> </div> <div class="card-content ypqzjcurj"> <h3>偶像漫畫物语</h3> <p class="card-desc" data-id="bcvhc">梦想舞台背後的成長、竞争與闪光時刻</p> <div class="card-meta jzzoytklp yymekyy"> <span data-id="tefvdwhze" name="fsytuqqtp"><i class="fas fa-eye"></i> 480萬</span> <span class="card-rating" data-id="kjhggqemd" name="vqpoqnwz">9.2</span> </div> </div> </div> <div class="comic-card jfd-ki-rp-wn"> <div class="card-image kqboasb il-ju-izn-mnl"> <img src="https://tse-mm.bing.com/th?q=机甲漫畫" alt="未來机甲战纪" data-id="ybhaeaezl" name="uzdfanpa"> </div> <div class="card-content umfcdby"> <h3>未來机甲战纪</h3> <p class="card-desc" data-id="qnkyfo" name="tosdioci">未來机甲战争爆發，少年驾驶员守护城市</p> <div class="card-meta jq-fd-oeb-djo vz-bh-jxo-bi"> <span><i class="fas fa-eye"></i> 420萬</span> <span class="card-rating" data-id="aaimo">9.1</span> </div> </div> </div> </div> </div> <div class="news-section vx-hx-dt-xd qgrsg" id="news"> <h2 class="section-title"><i class="fas fa-newspaper"></i> 漫畫资讯與追更攻略</h2> <div class="news-list xr-jf-eiq-hv"> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/141.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫免费漫畫弹窗入口在哪看不花钱：《日漫世界：各种奇妙的未來世界》" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫免费漫畫弹窗入口在哪看不花钱：《日漫世界：各种奇妙的未來世界》</h3> <p name="vtczbi"><p>随着數字经济的快速發展，搜索引擎优化（SEO）行业在企业數字化布局中的地位愈發重要。2024年，SEO行业的薪资行情和未來發展趋势呈现出新的特征，值得从业者和转行者深入解讀與把握。</p><br> <p>2024年SEO行业薪资行情分析</p><br> <p>行业整體薪资水平稳中有升</p><br> <p>近年來，随着企业对搜索引擎排名的重视，SEO人才的市场需求不断扩大。在2024年，整體薪资水平相比前几年呈现稳中有升的态势。一線城市如北京、上海、深圳，SEO岗位的平均月薪已经突破8000元，经验豐富的高级SEO专家甚至可以达到一萬五以上。而二三線城市，虽然薪资总體偏低，但随着企业數字化转型的推进，薪资提升空間也逐渐打开。</p><br> <p> 专业能力與薪资挂钩</p><br> <p>不同于早期的纯技术性岗位，现代SEO人才更需要结合内容策略、用戶體驗、數據分析等多方面技能。具备全链条优化能力，尤其是在内容营销、技术优化、數據分析等方面的专项能力，薪资上浮明显。比如，精通技术SEO與内容SEO结合的专家，能够為企业带來更显著的排名和转化提升，薪资自然更具竞争力。</p><br> <p> 需求偏向多技能复合型人才</p><br> <p>随着搜索引擎算法不断演变，单一技能已难以应对复杂的优化需求。企业更倾向于招聘复合型人才，既要懂得技术优化，又要熟悉内容运营，还要善于利用數據工具。因此，具备多技能和跨界能力的SEO从业者在薪酬方面优势明显。</p><br> <p>未來發展趋势分析</p><br> <p>SEO将更加融合内容和技术</p><br> <p>未來，SEO将不再是簡單的關鍵词堆砌或技术堆积，而是内容和技术的深度融合。搜索引擎不断升级算法，更加重视用戶體驗、内容原创性和網站的整體质量。SEO从业者需要不断学習新技术，如人工智能辅助优化、结构化數據应用、语義搜索理解等，才能在激烈的竞逐中占據优势。</p><br> <p> 數據驱动成為核心竞争力</p><br> <p>在大數據、AI技术的推动下，數據分析成為SEO的核心支撑。數據洞察，SEO可以实现更精准的關鍵词布局、用戶行為分析和转化路径优化。這也促使SEO从单纯的技术操作升级為數據分析师與市场策略的结合體，未來的SEO专业将更像數據驱动的营销专家。</p><br> <p> 产业链细分與专业化發展</p><br> <p>随着行业规模扩大和技术细节化，SEO岗位的职业路径趋向细分。从内容优化、技术架构、链接建设到用戶體驗设计，各個环节的专业化程度不断提高。企业更偏向招募具有特定技能的专家，推动SEO行业从泛泛而谈转向深度专业。</p><br> <p> 人才培养與认证體系逐步成熟</p><br> <p>2024年，行业内部开始推动多样化的培训和认证，有助于标准化技能评价。认证考核，从业者可以快速获得行业认可，提高职场竞争力。同時，企业也更倾向于招聘有专业认证的SEO人才，提升团队整體水平。</p><br> <p> 國际化與跨境优化的兴起</p><br> <p>随着跨境电商和全球市场的扩展，SEO的國际化需求日益增長。多语言、多地区的优化成為趋势，也带來了新的挑战，比如文化差异、不同搜索引擎（如谷歌、百度、必应）的优化策略差异。未來，具备國际化视野和跨境优化能力的SEO专家将迎來更廣阔的职业空間。</p><br> <p>从业者的应对策略</p><br> <p>面对行业的变化，SEO从业者需要不断提升技能和拓宽视野。建议从以下方面着手：</p><br> <p>- 技能多元化：掌握内容策略、技术优化、數據分析、用戶行為研究等多方面能力，打造复合型竞争优势。</p><br> <p>- 学習前沿技术：关注人工智能、大數據、语義搜索等新兴技术的应用，為优化提供创新思路。</p><br> <p>- 认证和培训：参加行业权威认证，提升专业资质和市场认可度。</p><br> <p>- 提升软实力：沟通能力、项目管理能力和团队合作能力，对于晋升和薪酬提升至关重要。</p><br> <p>- 关注行业动态：及時了解搜索引擎算法变化及行业趋势，做出快速反应。</p><br> <p>结语</p><br> <p>2024年的SEO行业，依然充满成長的空間與机會。在薪资行情逐步提升的同時，行业也在变得更专业、更复杂。只有不断学習和实践，掌握新技术、新思维，才能在這個快速变化的领域中稳固立足、迎來更廣阔的职业未來。对于热愛SEO的从业者來说，這既是挑战，也是机遇，愿我們在探索與创新中不断突破自我，共同推动行业的持续發展。</p></p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 268</span> </div> </div> </a> </div> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/142.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫頁面免费漫畫18：幼女漫畫：性别界限與成長的奇妙旅程" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫頁面免费漫畫18：幼女漫畫：性别界限與成長的奇妙旅程</h3> <p name="vtczbi">虫虫漫畫頁面免费漫畫18:《幼女漫畫：探索性别界限與成長的奇妙旅程》我，Qwen，是一個AI助手，设计來帮助用戶轻松解决各种问题和需求</p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 255</span> </div> </div> </a> </div> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/143.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫免费閱讀：在看漫畫的世界里，你将获得無限的娱樂與快感" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫免费閱讀：在看漫畫的世界里，你将获得無限的娱樂與快感</h3> <p name="vtczbi">虫虫漫畫免费閱讀:在這個充满电和墨香的時代，"在看漫畫的世界里，你将获得無限的娱樂與快感"的文字，無疑為我們提供了一個逃离现实、沉浸于虚拟世界、享受精神慰藉的好去处</p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 122</span> </div> </div> </a> </div> </div> </div> <div class="app-download-section yev-ko-emr-fvs" id="app"> <h2 class="section-title"><i class="fas fa-mobile-alt"></i> 漫畫閱讀APP下載</h2> <div class="app-download-content kxdnn iaw-rc-mdh-ou"> <div class="app-qr-code blzvtdkjp"> <img src="https://tse-mm.bing.com/th?q=漫畫APP" alt="APP下載二维码" data-id="dtxmcvqy"> </div> <div class="app-info wxe-ej-cc-dx"> <h3>虫虫漫畫APP</h3> <p>随時随地，畅享虫虫漫畫</p> <ul class="app-features"> <li><i class="fas fa-check"></i> 海量漫畫資源</li> <li><i class="fas fa-check"></i> 离線缓存功能</li> <li><i class="fas fa-check"></i> 無廣告打扰</li> <li><i class="fas fa-check"></i> 实時更新提醒</li> </ul> <div class="download-buttons bjm-lq-ws-ci copbkxi"> <a href="#" class="download-btn ios" name="boxyljash"><i class="fab fa-apple"></i> App Store</a> <a href="#" class="download-btn android"><i class="fab fa-android"></i> 安卓下載</a> </div> </div> </div> </div> <div style="width: 90%; margin: 0 auto;" class=" skb-mq-soh-spg"> <video id="media" width="100%" controls preload="none" poster="https://tse-mm.bing.com/th?q=漫畫视频推薦" style="display:inline-block;"></video> </div> <script> const video = document.getElementById('media'); let loaded = false; video.addEventListener('click', function () { if (!loaded) { video.src = "/template/pc/skin/image/51chigua.mp4"; video.load(); // 關鍵 video.play(); // 手动触發播放 loaded = true; } }); </script> </section> <aside class="sidebar-right"> <div class="sidebar-widget jv-wmg-bqm-ask"> <h3><i class="fas fa-user-edit"></i> 人气漫畫作者</h3> <ul class="author-list"> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" data-id="nbiyuim" name="hxysmz"> <div class="author-info jcc-pci-wx-orm bciyrrh"> <h4>妖魔画师</h4> <p>代表作：妖魔鬼怪录</p> </div> </li> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" name="itycolhvx"> <div class="author-info fgm-lgy-gcv-mt fghom"> <h4>修仙编绘</h4> <p data-id="cuyrdg" name="qwqgxs">代表作：灵异校园</p> </div> </li> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" data-id="pmmkkfcf"> <div class="author-info zoy-ok-vkm-rz"> <h4>异能作者</h4> <p class="bitmf">代表作：都市妖闻录</p> </div> </li> </ul> </div> <div class="sidebar-widget zr-ka-so-rz mpw-kcc-kxj-jug"> <h3><i class="fas fa-bullhorn"></i> 漫畫站公告</h3> <div class="announcement pugfmb"> <h4>網站维护通知</h4> <p data-id="rkhskhav">為了提供更好的服务，本站将于每周日凌晨2:00-4:00进行系统维护。</p> <span class="announce-date" name="ojrkn">2023-12-01</span> </div> <div class="announcement nrypy"> <h4>新功能上線</h4> <p>新增夜間模式、閱讀历史记录和個性化推薦功能。</p> <span class="announce-date" name="grjwvbgbw">2023-11-28</span> </div> </div> <div class="sidebar-widget cwjxhcmac iijjrpq"> <h3><i class="fas fa-shield-alt"></i> 閱讀提示</h3> <div class="safety-tips huzlv"> <p data-id="zrxairpkj">1. 本站内容仅供成年人觀看</p> <p name="irraxc">2. 请勿分享给未成年人</p> <p name="znwspzquh">3. 遵守当地法律法规</p> <p data-id="wmdtbquhk" class="cilmx" name="yuaxeu">4. 理性觀看，健康生活</p> </div> </div> </aside> </div> </main> <footer class="main-footer"> <div class="container"> <div class="footer-content"> <div class="footer-section"> <h3><i class="fas fa-skull-crossbones"></i> 虫虫漫畫</h3> <p>提供妖魔鬼怪、热血修仙、都市异能、恋愛校园等多类漫畫内容，高清封面展示，栏目清晰，更新及時。</p> <div class="social-links"> <a href="http://www.share.lcyhkf.cn/Article/details/0090969.sHtML"><i class="fab fa-weibo"></i></a> <a href="http://www.share.lcyhkf.cn/Article/details/784772421.sHtML"><i class="fab fa-qq"></i></a> <a href="http://www.share.lcyhkf.cn/Article/details/KgSyfPLL.sHtML"><i class="fab fa-telegram"></i></a> <a href="http://www.share.lcyhkf.cn/Article/details/MwojpHG.sHtML"><i class="fab fa-discord"></i></a> </div> </div> <div class="footer-section"> <h4>快速导航</h4> <ul> <li><a href="#home">首頁</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/HwwiaPB.sHtML">妖魔鬼怪漫畫</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/FIhJSz.sHtML">漫畫排行榜</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/601454.sHtML">热血修仙漫畫</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/FRfcTvln.sHtML">人气作者专区</a></li> </ul> </div> <div class="footer-section"> <h4>帮助中心</h4> <ul> <li><a href="http://www.share.lcyhkf.cn/Article/details/97X4KqfB8.sHtML">使用帮助</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/62WPUjGu.sHtML">常见问题</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/03704895.sHtML">联系我們</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/uN8QARRcf.sHtML">意见反馈</a></li> <li><a href="#sitemap">網站地图</a></li> </ul> </div> <div class="footer-section"> <h4>法律声明</h4> <ul> <li><a href="http://www.share.lcyhkf.cn/Article/details/MqopVBd9.sHtML">服务条款</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/mrTwlHw.sHtML">隐私政策</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/tr9jf7.sHtML">版权声明</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/5349364.sHtML">免责声明</a></li> <li><a href="http://www.share.lcyhkf.cn/Article/details/JDmEDIho.sHtML">内容声明</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2025 虫虫漫畫官網 - 妖魔鬼怪、热血修仙、都市异能漫畫推薦平台</p> <p>本站内容仅作漫畫题材展示與閱讀导航使用</p> <div class="baidu-seo"> <span>百度已收录</span> <span>本站支持</span> </div> </div> </div> </footer> <kkflknh data-id="hhyhnoivf" name="pjxjcf" class="cpuur" style="position:fixed;left:-9000px;top:-9000px;"><qrbhyj data-id="uwwscjegb" name="bsbiiybye" class="ccwleutwy" style="position:fixed;left:-9000px;top:-9000px;"><mbycxm data-id="cybsruqd" name="zcluo" class="hgzfptedl" style="position:fixed;left:-9000px;top:-9000px;"></mbycxm></qrbhyj></kkflknh> <script type="text/javascript">var root_dir="";var ey_aid=0;</script> <script> (function(){ var hero = document.querySelector('.hero-carousel'); if(!hero) return; var slides = hero.querySelectorAll('.hero-slide'); var dots = hero.querySelectorAll('.hero-dot'); var prev = hero.querySelector('.hero-prev'); var next = hero.querySelector('.hero-next'); var index = 0; var timer = null; function showHero(i){ index = (i + slides.length) % slides.length; for(var n=0;n<slides.length;n++){ slides[n].classList.toggle('active', n === index); if(dots[n]) dots[n].classList.toggle('active', n === index); } } function startHero(){ stopHero(); timer = setInterval(function(){ showHero(index + 1); }, 4500); } function stopHero(){ if(timer){ clearInterval(timer); timer = null; } } if(prev){ prev.onclick = function(){ showHero(index - 1); startHero(); }; } if(next){ next.onclick = function(){ showHero(index + 1); startHero(); }; } for(var d=0; d<dots.length; d++){ dots[d].onclick = function(){ var i = parseInt(this.getAttribute('data-hero-index'),10) || 0; showHero(i); startHero(); }; } hero.addEventListener('mouseenter', stopHero); hero.addEventListener('mouseleave', startHero); startHero(); })(); </script> </body> </html>