代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/indexz.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/flexible.js"></script>
<!-- 引入jquery文件 -->
<script src="js/jquery.min.js"></script>
<title>微星-活动&创造</title>
<style>
.wth {
width: 0%!important;
}
/* .wft {
width: 100%!important;
} */
.top_nav > ul > li > .table_goods > .goods_left > ul > li > ol > li > a {
padding: 0!important;
border: none!important;
}
.menu_box > ul > li > span > ul > li > a {
text-decoration: none!important;
color: rgb(121, 121, 121)!important;
}
.menu_box > ul > li > a {
text-decoration: none!important;
color: rgb(121, 121, 121)!important;
}
</style>
</head>
<body>
<!-- 头部 -->
<!-- 头部 -->
<header>
<div class="top">
<!-- 大盒子包裹 -->
<div class="top_left hidden-sm hidden-xs"></div>
<div class="top_nav hidden-sm hidden-xs ">
<ul>
<li>
<a href="#">产品资讯</a>
<div class="table_goods">
<!-- <div class="goods_box"> -->
<div class="goods_left">
<ul>
<li>
笔记本电脑
<ol>
<li><a href="list.html">泰坦GT系列</a></li>
<li>绝影GS系列</li>
<li>强袭GE系列</li>
<li>侠客GF系列</li>
<li>先锋Alpha</li>
</ol>
</li>
<li>
台式电脑
<ol>
<li>Aegis系列</li>
<li>Nightblade系列</li>
<li>Infinite系列</li>
<li>Trident系列</li>
<li>CodeX系列</li>
</ol>
</li>
<li>
电脑显卡
<ol>
<li>MEG系列</li>
<li>MPG系列</li>
<li>MAG系列</li>
<li>Pro系列</li>
<li>NVA系列</li>
</ol>
</li>
<li>
电脑主板
<ol>
<li>MEG系列</li>
<li>MPG系列</li>
<li>MAG系列</li>
<li>Pro系列</li>
<li>NVA系列</li>
</ol>
</li>
<li>
显示器
<ol>
<li>MPG系列</li>
<li>MAG系列</li>
<li>PAG系列</li>
<li>Creator系列</li>
<li>Prestige系列</li>
</ol>
</li>
</ul>
</div>
<div class="goods_center"></div>
<div class="goods_right">
<div class="mac">
<div class="mac_box"></div>
</div>
<div class="pc">
<div class="pc_box"></div>
</div>
<div class="socket">
<div class="socket_box"></div>
</div>
<div class="cpu">
<div class="cpu_box"></div>
</div>
<div class="display">
<div class="display_box"></div>
</div>
</div>
<!-- </div> -->
</div>
</li>
<li>
<a href="characteristic.html">勇者系列</a>
<div class="table_list">
<div class="list_box"></div>
</div>
</li>
<li>
<a href="active.html">活动&促销</a>
<div class="table_active">
<div class="active_box"></div>
</div>
</li>
<li>
<a href="main.html">内容创造</a>
<div class="table_main">
<div class="main_box"></div>
</div>
</li>
<li>
<a href="service.html">客户服务</a>
</li>
<li>
<a href="news.html">新闻</a>
</li>
</ul>
</div>
<!-- 小屏下隐藏以上两个盒子，显示下边两个盒子 -->
<div class="tops_left visible-sm visible-xs">
<a href="#" class="glyphicon glyphicon-align-justify"></a>
<a href="#" class="glyphicon glyphicon-remove" style="display:none;"></a>
</div>
<div class="tops_logo visible-sm visible-xs">
<a href="index.html"></a>
</div>
<div class="click_menu">
<div class="menu_box">
<ul>
<li>
<em>产品资讯</em>
<!-- <em>返回</em> -->
<span>
<em>返回</em>
<ul>
<li>
<a href="list.html">笔记本电脑</a>
</li>
<li>台式电脑</li>
<li>电脑显卡</li>
<li>电脑主板</li>
<li>显示器</li>
</ul>
</span>
</li>
<li>
<em>勇者系列</em>
<span>
<em>返回</em>
<ul>
<li>
<a href="characteristic.html">勇者系列</a>
</li>
</ul>
</span>
</li>
<li>
<em>活动&促销</em>
<span>
<em>返回</em>
<ul>
<li>
<a href="active.html">活动</a>
</li>
<li>促销</li>
</ul>
</span>
</li>
<li>
<em>内容创造</em>
<span>
<em>返回</em>
<ul>
<li>
<a href="main.html">内容</a>
</li>
<li>创造</li>
</ul>
</span>
</li>
<li>
<a href="service.html">客户服务</a>
</li>
<li>
<a href="news.html">新闻</a>
</li>
</ul>
</div>
</div>
<div class="top_right">
<ul>
<li><a href="login.html"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</div>
</header>
<div class="main">
<!-- nav部分 -->
<ul class="nav hidden-xs hidden-sm">
<li class="current"><a href="#">全部</a></li>
<li><a href="#">笔记本电脑</a></li>
<li><a href="#">显示器</a></li>
<li><a href="#">电竞桌机</a></li>
<li><a href="#">主机</a></li>
<li><a href="#">显卡</a></li>
<li><a href="#">电竞外设</a></li>
</ul>
<ul class="navs visible-xs visible-sm">
<li class="current"><a href="#">全部</a></li>
<li><a href="#">笔记本电脑</a></li>
<li><a href="#">显示器</a></li>
<li><a href="#">电竞桌机</a></li>
<li><a href="#">主机</a></li>
<li><a href="#">显卡</a></li>
<li><a href="#">电竞外设</a></li>
</ul>
<!-- 主体部分 -->
<main>
<!-- 全部item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/1.webp" alt=""></div>
<h3>MEG Aegis Ti5 | Path To The Future | MSI Gaming Desktop</h3>
<p>突破传统的游戏桌面——MSI MEG Aegis Ti5引领未来趋势，推出游戏行业最强大、最具互动性的桌面。宙斯盾钛不一样！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/2.webp" alt=""></div>
<h3>GeForce RTX 30 Series | Discover the Extraordinary | MSI</h3>
<p> NVIDIA®’s exciting new GeForce RTX™ 30 Series GPUs represents the greatest generation leap in
the
history of gaming GPUs, Let's experience how we support our technology in a pursuit for
exceptional
gaming experiences. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/3.webp" alt=""></div>
<h3>PRO series - Work from home - landing page</h3>
<p> Working from home affects your private life? Creating a harmonious work-life integration is not
only
critical to our physical and mental well-being, but also important for our career. Find your
suitable MSI WFH setup and create your professional style & e </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/5.webp" alt=""></div>
<h3>Streamer of Tomorrow</h3>
<p>Streamer of Tomorrow| The Best AMD Ryzen Gaming PC Build for Streaming | MSI</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/6.webp" alt=""></div>
<h3>Advancing Ascension – MSI B550 Motherboard</h3>
<p>For Creator. For Gamer. MSI B550 motherboards support 3rd gen amd ryzen processors with enhanced
hardware design. With a great variety of advanced technology and exclusive features to create
the
most immersive experiences and maximize performances. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/30.webp" alt=""></div>
<h3>超神舊換新</h3>
<p>MSI MEG Z490 GODLIKE Upgrade Program</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/7.webp" alt=""></div>
<h3>Release True Power – MSI 400 series Motherboard</h3>
<p> Release True Power – MSI 400 series Motherboard</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/8.jpg" alt=""></div>
<h3>MSI 即将迎来全面进化，释放龙魂的力量！</h3>
<p>顺应情势而改变、展现适应力是演化理论的核心，而龙魂精神正是秉持着追求卓越与创新的理念，为你带来淬炼进化的结晶！全新MSI电竞笔电领先搭载最新第10代英特尔® 酷睿™ i9 处理器 (Comet
L
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/9.jpg" alt=""></div>
<h3>居家防疫 健康守护</h3>
<p>Stay Safe. Stay Productive.</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</div>
</li>
</ul>
</div>
<!-- 笔记本电脑item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/8.jpg" alt=""></div>
<h3>MSI 即将迎来全面进化，释放龙魂的力量！</h3>
<p> 顺应情势而改变、展现适应力是演化理论的核心，而龙魂精神正是秉持着追求卓越与创新的理念，为你带来淬炼进化的结晶！全新MSI电竞笔电领先搭载最新第10代英特尔® 酷睿™ i9 处理器 (Comet
L </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/9.jpg" alt=""></div>
<h3>居家防疫 健康守护</h3>
<p> Stay Safe. Stay Productive. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p>MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/12.webp" alt=""></div>
<h3>MSI Prestige Series – Made for Creators</h3>
<p>Recommended by content creators all over the world, Prestige is able to amplify creativity
through the latest Intel CPU and GPU, as well as the portable design, it strikes balance between
beauty and performance, while the 4K panel offers immersive visual</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/6.webp" alt=""></div>
<h3>Review and Receive- Get a US$15 Reward</h3>
<p>How to enter reward how to enter? take action [...]</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/13.jpg" alt=""></div>
<h3>MSI GeForce RTX 20 Series Gaming Laptops – The Game Just Got Real</h3>
<p>Crave for the new gaming equipment? MSI new gaming laptops with GeForce RTX™ 20 series graphics
strives for life-like game play experience.</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/14.webp" alt=""></div>
<h3>MSI GS65 Stealth Thin – World’s First 144Hz Thin Bezel Gaming Laptop</h3>
<p> GS65 Stealth Thin - An ultraportable 15.6-inch laptop with 144Hz thin bezel gaming display and
its brand new gold-and-black premium design. Sharp, powerful, slim - all forged into one.</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/15.webp" alt=""></div>
<h3>MSI GT75 TITAN - Total Dominance</h3>
<p>MSI GT75 TITAN, the latest 2018 gaming laptop with its 1st ever Intel Core i9 CPU and GTX
1080/GTX 1070 SLI graphics, is here to dominate the gaming battlefiel
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/16.jpg" alt=""></div>
<h3>MSI GE Raider RGB – Light’em Up</h3>
<p>Inspired by exotic sports cars and the RGB master race, the GE63/73 Raider RGB are given a new
identity. The new lighting top cover design with Mystic Light and Gaming Mode optimization
offers the fanciest illumination ever. Get ready to light up whoever?</p>s
</div>
</li>
<!-- <li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</li> -->
</ul>
</div>
<!-- 显示器item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/3.webp" alt=""></div>
<h3>PRO series - Work from home - landing page</h3>
<p>Working from home affects your private life? Creating a harmonious work-life integration is not
only critical to our physical and mental well-being, but also important for our career. Find
your suitable MSI WFH setup and create your professional style & e</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p> 发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。 </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/17.jpg" alt=""></div>
<h3>Curved vs Flat Monitor – Why should I buy a curved gaming pc monitor</h3>
<p>Are curved monitors worth it? There are several things you need to consider when buying a gaming
monitor. Check out the benefits of curved gaming monitor and experience true gaming from now on.
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/18.jpg" alt=""></div>
<h3>炫光系统(Mystic Light)RGB电竞主机 - 值得推荐的RGB电脑配件及外设 | 微星</h3>
<p>微星炫光系统(Mystic Light)让你的电竞主机同步所有RGB灯效。查看炫光系统(Mystic Light)可同步的产品,，组装属于你自己的RGB电竞主机。炫彩电竞，撼动体验！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/19.webp" alt=""></div>
<h3>微星曲面电竞显示器</h3>
<p>微星科技提供游戏玩家更好的电竞显示器以及逼真的游戏体验。现在，就为自己选择一台酷炫的电竞显示器!</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/20.jpg" alt=""></div>
<h3>IEM，世界聚焦于你</h3>
<p> 选购Aegis 3 8th 傲腾指定型号即可免费兑换STEAM游戏钱包代码30美金，再参加抽奖活动能有机会获得微星电竞显示器Optix
MPG27CQ。最大奖IEM大师赛上海场期间四天三夜机票酒店门票等你来拿！</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/21.webp" alt=""></div>
<h3>Optix MPG27CQ - Find Your Game Sense </h3>
<p>Optix MPG27CQ 是搭载SteelSeries GameSense 的曲面电竞显示器，它可以通过LED灯显示游戏状态。这不仅仅是台显示器，它是您游戏中的好搭档！
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/22.jpg" alt=""></div>
<h3>GAME UNLIMITED电竞无极限</h3>
<p>搭载Intel第八代处理器的电竞主机 震撼上市</p>
</div>
</li>
<!-- <li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</li> -->
</ul>
</div>
<!-- 电竞桌机item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/1.webp" alt=""></div>
<h3>MEG Aegis Ti5 | Path To The Future | MSI Gaming Desktop</h3>
<p>突破传统的游戏桌面——MSI MEG Aegis Ti5引领未来趋势，推出游戏行业最强大、最具互动性的桌面。宙斯盾钛不一样！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/23.jpg" alt=""></div>
<h3>电竞桌机推薦 2020| 电竞电脑 | MSI</h3>
<p>从高阶电竞桌机到轻巧电竞桌机，MSI提供玩家出色的电竞设备，满足玩家需求，享受難忘的游戏体验。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/18.jpg" alt=""></div>
<h3>炫光系统(Mystic Light)RGB电竞主机 - 值得推荐的RGB电脑配件及外设 | 微星</h3>
<p>微星炫光系统(Mystic Light)让你的电竞主机同步所有RGB灯效。查看炫光系统(Mystic Light)可同步的产品,，组装属于你自己的RGB电竞主机。炫彩电竞，撼动体验！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/24.webp" alt=""></div>
<h3>Trident X landing</h3>
<p>全新geforce rtx™ 20系列迷你电竞桌机 [...] </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/25.webp" alt=""></div>
<h3>IEM Certified PC</h3>
<p> MSI，专注电竞，致力于设计生产更好的电竞设备，给您提供更流畅的电竞体验 </p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/20.jpg" alt=""></div>
<h3>IEM，世界聚焦于你</h3>
<p>选购Aegis 3 8th 傲腾指定型号即可免费兑换STEAM游戏钱包代码30美金，再参加抽奖活动能有机会获得微星电竞显示器Optix
MPG27CQ。最大奖IEM大师赛上海场期间四天三夜机票酒店门票等你来拿！
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/22.jpg" alt=""></div>
<h3>GAME UNLIMITED电竞无极限</h3>
<p>搭载Intel第八代处理器的电竞主机 震撼上市</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/26.jpg" alt=""></div>
<h3>情人节礼物：用 Trident 陪你去约会</h3>
<p> 情人节礼物：用 Trident 陪你去约会</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/27.webp" alt=""></div>
<h3>2017 玩家专属圣诞送礼指南 #DearGamerSanta│MSI</h3>
<p>还在为节日送礼伤透脑筋吗？MSI 推出 2017 圣诞送礼指南，为你推荐最棒的电竞主板、桌面计算机、显示器、显示适配器，还有其他更多 PC 配备</p>
</div>
</li>
</ul>
</div>
<!-- 主机item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/5.webp" alt=""></div>
<h3>Streamer of Tomorrow</h3>
<p>Streamer of Tomorrow| The Best AMD Ryzen Gaming PC Build for Streaming | MSI</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/6.webp" alt=""></div>
<h3>Advancing Ascension – MSI B550 Motherboard</h3>
<p>For Creator. For Gamer. MSI B550 motherboards support 3rd gen amd ryzen processors with enhanced
hardware design. With a great variety of advanced technology and exclusive features to create
the
most immersive experiences and maximize performances. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/32.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/28.webp" alt=""></div>
<h3>Release True Power – MSI 400 series Motherboard</h3>
<p>Release True Power – MSI 400 series Motherboard </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/29.jpg" alt=""></div>
<h3>速度快和散热佳行销活动 | X570 GAMING 主板 | MSI </h3>
<p>FLeading the perfect balance of great performance and low temperature, MSI X570 Gaming
motherboards give you uncompromised quality of AMD Ryzen 3000 PC build compatible with the
newest PCIe® 4.0 SSD and the CPU Cooling solution. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/30.webp" alt=""></div>
<h3>A NEW GENERATION ASCENDED - MSI X570 motherboard</h3>
<p>AMD X570 motherboard</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/31.jpg" alt=""></div>
<h3>The Best of Best Motherboard</h3>
<p>The Best of Best Motherboard</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/18.jpg" alt=""></div>
<h3>炫光系统(Mystic Light)RGB电竞主机 - 值得推荐的RGB电脑配件及外设 | 微星</h3>
<p>微星炫光系统(Mystic Light)让你的电竞主机同步所有RGB灯效。查看炫光系统(Mystic Light)可同步的产品,，组装属于你自己的RGB电竞主机。炫彩电竞，撼动体验！
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/32.webp" alt=""></div>
<h3>MSI Z390 系列主板介绍</h3>
<p>强劲控制与梦幻表现, MSI Z390 主板是第9代 Intel® Core™ 处理器的上佳搭档！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/33.jpg" alt=""></div>
<h3>推荐AMD 锐龙电竞直播组装机 | MSI 电竞主板</h3>
<p> 你还在寻找合适的电脑来做直播吗? 看一下我们推荐的搭配第二代AMD锐龙处理器的高信价比电脑</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/34.jpg" alt=""></div>
<h3>MSI RGB 主板炫光系统</h3>
<p>电脑照明的首选。MSI RGB主板炫光同步系统让您自由打造充满个性的多彩主机</p>
</div>
</li>
</ul>
</div>
<!-- 显卡item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/2.webp" alt=""></div>
<h3>GeForce RTX 30 Series | Discover the Extraordinary | MSI</h3>
<p> NVIDIA®’s exciting new GeForce RTX™ 30 Series GPUs represents the greatest generation leap in
the
history of gaming GPUs, Let's experience how we support our technology in a pursuit for
exceptional
gaming experiences. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/18.jpg" alt=""></div>
<h3>炫光系统(Mystic Light)RGB电竞主机 - 值得推荐的RGB电脑配件及外设 | 微星</h3>
<p> 微星炫光系统(Mystic Light)让你的电竞主机同步所有RGB灯效。查看炫光系统(Mystic Light)可同步的产品,，组装属于你自己的RGB电竞主机。炫彩电竞，撼动体验！ </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/35.jpg" alt=""></div>
<h3>GeForce RTX 2080 Ti Lightning Z</h3>
<p>微星LIGHTNING闪电系列显卡在超频界可谓是久享盛名。传奇闪电如今归来，实力依然强悍，更带来引人瞩目的全新视觉体验，创新设计的风扇不仅拥有令人眼花缭乱的酷炫灯效，还具备出色的静音</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/36.jpg" alt=""></div>
<h3>Afterburner</h3>
<p>Aferburner 显卡超频软件</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/37.jpg" alt=""></div>
<h3>Dragon Center Landing Page</h3>
<p>A brand new app integrates MSI Components, Desktop Systems and Peripherals into one platform.
Inclusive six main functions for MSI RTX™ 20 Series Gaming Graphics Cards - Performance,
Hardware monitor, LAN manager, Eyerest, Gaming mode and Mystic light. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/38.jpg" alt=""></div>
<h3>微星 GeForce RTX 20 系列显卡介绍</h3>
<p>Series Introduction Landing Page </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/39.webp" alt=""></div>
<h3>2017 玩家专属圣诞送礼指南 #DearGamerSanta│MSI</h3>
<p>还在为节日送礼伤透脑筋吗？MSI 推出 2017 圣诞送礼指南，为你推荐最棒的电竞主板、桌面计算机、显示器、显示适配器，还有其他更多 PC 配备</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/40.jpg" alt=""></div>
<h3>玩家圣诞快乐：参加 #DearGamerSanta 活动送圣诞好礼│MSI</h3>
<p>与 MSI 共度圣诞佳节，发挥玩家精神！电竞圣诞老人要送给玩家最棒的 2017 圣诞礼物。亲手制作的电子贺卡、赠奖活动及趣味影片，都在这里等你发掘。
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/41.jpg" alt=""></div>
<h3>初学者必备: 如何组装计算机完整教学攻略 #YesWeBuild | MSI</h3>
<p>你是否曾经想过组一台属于你自己的电脑？跟着MSI组装电脑教学和影片，你可以轻松组一台可以玩游戏的酷炫电脑。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/42.webp" alt=""></div>
<h3>Beef Up Your Rig</h3>
<p>升级显卡的理由。如何升级显卡？升级后享受更流畅的游戏体验。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/43.webp" alt=""></div>
<h3>电脑安装技术大讲堂</h3>
<p> If you have an msi gaming graphics card, download the msi gaming app for the best gaming
experience![...]</p>
</div>
</li>
</ul>
</div>
<!-- 电竞外设item -->
<div class="item container">
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/4.webp" alt=""></div>
<h3>Shout Out for MSI</h3>
<p>发表你关于MSI产品的评价，帮助其他人更多地了解MSI，让我们继续努力。把你的声音告诉我们，我们会给你一些奖励。</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/18.jpg" alt=""></div>
<h3>炫光系统(Mystic Light)RGB电竞主机 - 值得推荐的RGB电脑配件及外设 | 微星</h3>
<p> 微星炫光系统(Mystic Light)让你的电竞主机同步所有RGB灯效。查看炫光系统(Mystic Light)可同步的产品,，组装属于你自己的RGB电竞主机。炫彩电竞，撼动体验！</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"> <img src="images/37.jpg" alt=""></div>
<h3>Dragon Center Landing Page</h3>
<p> A brand new app integrates MSI Components, Desktop Systems and Peripherals into one platform.
Inclusive six main functions for MSI RTX™ 20 Series Gaming Graphics Cards - Performance,
Hardware monitor, LAN manager, Eyerest, Gaming mode and Mystic light. </p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="csae">
<div class="box"><img src="images/39.webp" alt=""></div>
<h3>2017 玩家专属圣诞送礼指南 #DearGamerSanta│MSI</h3>
<p>还在为节日送礼伤透脑筋吗？MSI 推出 2017 圣诞送礼指南，为你推荐最棒的电竞主板、桌面计算机、显示器、显示适配器，还有其他更多 PC 配备</p>
</div>
</li>
</ul>
<ul class="row">
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/40.jpg" alt=""></div>
<h3>玩家圣诞快乐：参加 #DearGamerSanta 活动送圣诞好礼│MSI</h3>
<p>与 MSI 共度圣诞佳节，发挥玩家精神！电竞圣诞老人要送给玩家最棒的 2017 圣诞礼物。亲手制作的电子贺卡、赠奖活动及趣味影片，都在这里等你发掘。
</p>
</div>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="case">
<div class="box"><img src="images/42.webp" alt=""></div>
<h3>Beef Up Your Rig</h3>
<p>升级显卡的理由。如何升级显卡？升级后享受更流畅的游戏体验。</p>
</div>
</li>
</ul>
<!-- <ul>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"><img src="images/15.webp" alt=""></div>
<h3>MSI GT75 TITAN - Total Dominance</h3>
<p>MSI GT75 TITAN, the latest 2018 gaming laptop with its 1st ever Intel Core i9 CPU and GTX
1080/GTX 1070 SLI graphics, is here to dominate the gaming battlefiel
</p>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"><img src="images/16.jpg" alt=""></div>
<h3>MSI GE Raider RGB – Light’em Up</h3>
<p>Inspired by exotic sports cars and the RGB master race, the GE63/73 Raider RGB are given a new
identity. The new lighting top cover design with Mystic Light and Gaming Mode optimization
offers the fanciest illumination ever. Get ready to light up whoever?</p>
</li> -->
<!-- <li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"> <img src="images/10.webp" alt=""></div>
<h3>Creator Awards- UGC Contest</h3>
<p> MSI 创作大赛旨在表彰致力于 2D 平面设计、3D 动画与影片编辑创意领域的全球创意专业人士。透过在线设计大赛和SXSW大赛，我们致力于寻找并发现创作人才。</p>
</li>
<li class="col-lg-3 col-md-6 col-xs-12">
<div class="box"><img src="images/11.webp" alt=""></div>
<h3>Best Creator Desktop Computer and Monitor For Photo, 3D Design, and Video Editing｜MSI</h3>
<p>MSI强大的创作者专业桌机和显示器产品线为从业余流媒体到专业电影制片人的内容制作者量身定制，从2D图形设计到3D动画建模，MSI的产品使创作者能够更流畅，更快，更好地完成工作。</p>
</li> -->
<!-- </ul> -->
</div>
</main>
</div>
<!-- 底部区域 -->
<footer>
<!-- 底部上部分 -->
<div class="footer_top hidden-xs">
<ol>
<li>
<h2>社区</h2>
<ul>
<li><a href="#">微星论坛</a></li>
<li><a href="#">部落格</a></li>
<li><a href="#">媒体平台</a></li>
<li><a href="#">影音中心</a></li>
<li><a href="#">电竞战队</a></li>
<li><a href="#">星光班论坛</a></li>
<li><a href="#">Customer Studies</a></li>
</ul>
</li>
<li>
<h2>技术支持</h2>
<ul>
<li><a href="#">大客户服务</a></li>
<li><a href="#">下载中心</a></li>
<li><a href="#">会员中心</a></li>
<li><a href="#">在线客服</a></li>
<li><a href="#">授权代理</a></li>
<li><a href="#">服务站点</a></li>
<li><a href="#">保修条款</a></li>
<li><a href="#">增值服务</a></li>
</ul>
</li>
<li>
<h2>新闻</h2>
<ul>
<li><a href="#">新闻</a></li>
<li><a href="#">获奖荣誉</a></li>
</ul>
</li>
<li>
<h2>媒体</h2>
<ul>
<li><a href="#">产品目录</a></li>
<li><a href="#">壁纸下载</a></li>
<li><a href="#">MSI App</a></li>
</ul>
</li>
<li>
<h2>关于微星</h2>
<ul>
<li><a href="#">微星简介</a></li>
<li><a href="#">品牌故事</a></li>
<li><a href="#">品质认证</a></li>
<li><a href="#">品质标准</a></li>
</ul>
</li>
</ol>
</div>
<!-- 底部上部分小屏显示 -->
<div class="footers_top visible-xs">
<ul>
<li>
社区
<dl>
<dd>微星论坛</dd>
<dd>部落格</dd>
<dd>媒体平台</dd>
<dd>影音中心</dd>
<dd>电竞战队</dd>
<dd>星光班论坛</dd>
<dd>Customer Studies</dd>
</dl>
</li>
<li>
技术支持
<dl>
<dd>大客户服务</dd>
<dd>下载中心</dd>
<dd>会员中心</dd>
<dd>在线客服</dd>
<dd>授权代理</dd>
<dd>服务站点</dd>
<dd>保修条款</dd>
<dd>增值服务</dd>
</dl>
</li>
<li>
新闻
<dl>
<dd>新闻</dd>
<dd>荣誉获奖</dd>
</dl>
</li>
<li>
媒体
<dl>
<dd>产品目录</dd>
<dd>壁纸下载</dd>
<dd>MSI App</dd>
</dl>
</li>
<li>
关于微星
<dl>
<dd>微星简介</dd>
<dd>品牌故事</dd>
<dd>媒体平台</dd>
<dd>品质认证</dd>
<dd>品质标准</dd>
</dl>
</li>
</ul>
</div>
<!-- 底部下部分 -->
<div class="footer_bottom">
<a href="#">联系我们</a>
<a href="#">隐私保护权政策</a>
<a href="#">网站使用条款</a>
</div>
<!-- 版权保护 -->
<div class="copyright">
<div class="logo"></div>
Copyright © 2020 版权为微星科技股份有限公司所有 沪ICP备19047683号
</div>
</footer>
<script>
// 1.入口标签
$(function () {
// 获取nav里面的li添加点击事件
$(".nav li , .navs li").click(function () {
//链式编程操作
$(this).addClass("current").siblings().removeClass("current");
// 2.点击的同时得到当前li的索引号
var index = $(this).index();
console.log(index);
// 3.让下部里面相应索引号的item显示，其余的item隐藏
$("main .item").eq(index).show().siblings().hide();
})
})
</script>
<!-- 大屏导航 -->
<script>
$('.top_nav > ul > li:first').mousemove(function(){
$('.table_goods').css({
height:'400px',
borderBottom:'4px solid red'
})
$('.goods_left ul').show()
})
$('.top_nav > ul > li:first').mouseout(function(){
$('.table_goods').css({
height:'0px',
borderBottom:'0px'
})
$('.goods_left ul').hide()
})
$('.top_nav > ul > li:eq(1)').mousemove(function(){
$('.table_list').css({
height:'300px',
borderBottom:'4px solid red'
})
})
$('.top_nav > ul > li:eq(1)').mouseout(function(){
$('.table_list').css({
height:'0px',
borderBottom:'0px'
})
})
$('.top_nav > ul > li:eq(2)').mousemove(function(){
$('.table_active').css({
height:'300px',
borderBottom:'4px solid red'
})
})
$('.top_nav > ul > li:eq(2)').mouseout(function(){
$('.table_active').css({
height:'0px',
borderBottom:'0px'
})
})
$('.top_nav > ul > li:eq(3)').mousemove(function(){
$('.table_main').css({
height:'300px',
borderBottom:'4px solid red'
})
})
$('.top_nav > ul > li:eq(3)').mouseout(function(){
$('.table_main').css({
height:'0px',
borderBottom:'0px'
})
})
$('.goods_left > ul > li:first').mousemove(function() {
$('.mac').show()
})
$('.goods_left > ul > li:first').mouseout(function() {
$('.mac').hide()
})
$('.goods_left > ul > li:eq(1)').mousemove(function() {
$('.pc').show()
})
$('.goods_left > ul > li:eq(1)').mouseout(function() {
$('.pc').hide()
})
$('.goods_left > ul > li:eq(2)').mousemove(function() {
$('.socket').show()
})
$('.goods_left > ul > li:eq(2)').mouseout(function() {
$('.socket').hide()
})
$('.goods_left > ul > li:eq(3)').mousemove(function() {
$('.cpu').show()
})
$('.goods_left > ul > li:eq(3)').mouseout(function() {
$('.cpu').hide()
})
$('.goods_left > ul > li:eq(4)').mousemove(function() {
$('.display').show()
})
$('.goods_left > ul > li:eq(4)').mouseout(function() {
$('.display').hide()
})
$('.mac').mousemove(function(){
$(this).show()
$('.mac_box').css('width','250px')
})
$('.mac').mouseout(function(){
$(this).hide()
$('.mac_box').css('width','0px')
})
$('.pc').mousemove(function(){
$(this).show()
$('.pc_box').css('width','250px')
})
$('.pc').mouseout(function(){
$(this).hide()
$('.pc_box').css('width','0px')
})
$('.socket').mousemove(function(){
$(this).show()
$('.socket_box').css('width','250px')
})
$('.socket').mouseout(function(){
$(this).hide()
$('.socket_box').css('width','0px')
})
$('.cpu').mousemove(function(){
$(this).show()
$('.cpu_box').css('width','250px')
})
$('.cpu').mouseout(function(){
$(this).hide()
$('.cpu_box').css('width','0px')
})
$('.display').mousemove(function(){
$(this).show()
$('.display_box').css('width','250px')
})
$('.display').mouseout(function(){
$(this).hide()
$('.display_box').css('width','0px')
})
$('.goods_left > ul > li:eq(0)').mousemove(function(){
$('.goods_left > ul > li:eq(0) > ol').show()
})
$('.goods_left > ul > li:eq(0)').mouseout(function(){
$('.goods_left > ul > li:eq(0) > ol').hide()
})
$('.goods_left > ul > li:eq(1)').mousemove(function(){
$('.goods_left > ul > li:eq(1) > ol').show()
})
$('.goods_left > ul > li:eq(1)').mouseout(function(){
$('.goods_left > ul > li:eq(1) > ol').hide()
})
$('.goods_left > ul > li:eq(2)').mousemove(function(){
$('.goods_left > ul > li:eq(2) > ol').show()
})
$('.goods_left > ul > li:eq(2)').mouseout(function(){
$('.goods_left > ul > li:eq(2) > ol').hide()
})
$('.goods_left > ul > li:eq(3)').mousemove(function(){
$('.goods_left > ul > li:eq(3) > ol').show()
})
$('.goods_left > ul > li:eq(3)').mouseout(function(){
$('.goods_left > ul > li:eq(3) > ol').hide()
})
$('.goods_left > ul > li:eq(4)').mousemove(function(){
$('.goods_left > ul > li:eq(4) > ol').show()
})
$('.goods_left > ul > li:eq(4)').mouseout(function(){
$('.goods_left > ul > li:eq(4) > ol').hide()
})
</script>
<!-- 小屏菜单 -->
<script>
$('.tops_left > a:first').click(function(){
$('.click_menu').css('width','100%')
$(this).hide(500)
$('.tops_left > a:last').show(500)
// $('.click_menu').show()
})
$('.tops_left > a:last').click(function(){
$('.click_menu').css('width','0')
$(this).hide(500)
$('.tops_left > a:first').show(500)
// $('.click_menu').hide()
})
$('.menu_box > ul > li > em').click(function(){
$(this).siblings('span').addClass('wth1')
})
$('.menu_box > ul > li > span > em').click(function(){
$(this).parent('span').removeClass('wth1')
})
// $('.menu_box > ul > li:first').click(function(){
// $('.menu_box > ul > li:first span').css('width','100%')
// })
// $('.menu_box > ul > li:first em').click(function(){
// // if (flag) {
// $('.menu_box > ul > li:first span').addClass('wth')
// // flag = false
// // }else {
// // $('.menu_box > ul > li:first span').classList.remove('wth')
// // flag = true
// // }
// })
// $('.menu_box > ul > li:eq(1)').click(function(){
// $('.menu_box > ul > li:eq(1) span').css('width','100%')
// })
// $('.menu_box > ul > li:eq(1) span em').click(function(){
// $('.menu_box > ul > li:eq(1) span').addClass('wth')
// })
// $('.menu_box > ul > li:eq(2)').click(function(){
// $('.menu_box > ul > li:eq(2) span').css('width','100%')
// })
// $('.menu_box > ul > li:eq(2) span em').click(function(){
// $('.menu_box > ul > li:eq(2) span').addClass('wth')
// })
// $('.menu_box > ul > li:eq(3)').click(function(){
// $('.menu_box > ul > li:eq(3) span').css('width','100%')
// })
// $('.menu_box > ul > li:eq(3) span em').click(function(){
// $('.menu_box > ul > li:eq(3) span').addClass('wth')
// })
</script>
<!-- // 底部论坛手风琴 -->
<script>
$('.footers_top > ul > li').mouseenter(function(){
$(this).stop().animate({
height:250
}).find('dl').stop().fadeIn()
$(this).siblings().stop().animate({
height:40
}).find('dl').stop().fadeOut()
})
// $('.footers_top > ul > li:first').mouseenter(function(){
// $('.footers_top > ul > li:first dl').show()
// $('.footers_top > ul > li:eq(1) dl').hide()
// $('.footers_top > ul > li:eq(2) dl').hide()
// $('.footers_top > ul > li:eq(3) dl').hide()
// $('.footers_top > ul > li:eq(4) dl').hide()
// })
// $('.footers_top > ul > li:eq(1)').mouseenter(function(){
// $('.footers_top > ul > li:first dl').hide()
// $('.footers_top > ul > li:eq(1) dl').show()
// $('.footers_top > ul > li:eq(2) dl').hide()
// $('.footers_top > ul > li:eq(3) dl').hide()
// $('.footers_top > ul > li:eq(4) dl').hide()
// })
// $('.footers_top > ul > li:eq(2)').mouseenter(function(){
// $('.footers_top > ul > li:first dl').hide()
// $('.footers_top > ul > li:eq(1) dl').hide()
// $('.footers_top > ul > li:eq(2) dl').show()
// $('.footers_top > ul > li:eq(3) dl').hide()
// $('.footers_top > ul > li:eq(4) dl').hide()
// })
// $('.footers_top > ul > li:eq(3)').mouseenter(function(){
// $('.footers_top > ul > li:first dl').hide()
// $('.footers_top > ul > li:eq(1) dl').hide()
// $('.footers_top > ul > li:eq(2) dl').hide()
// $('.footers_top > ul > li:eq(3) dl').show()
// $('.footers_top > ul > li:eq(4) dl').hide()
// })
// $('.footers_top > ul > li:eq(4)').mouseenter(function(){
// $('.footers_top > ul > li:first dl').hide()
// $('.footers_top > ul > li:eq(1) dl').hide()
// $('.footers_top > ul > li:eq(2) dl').hide()
// $('.footers_top > ul > li:eq(3) dl').hide()
// $('.footers_top > ul > li:eq(4) dl').show()
// })
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手