代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/commonx.css">
<link rel="stylesheet" href="css/indexx.css">
<link rel="stylesheet" href="css/common.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/flexible.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<title>微星-新闻</title>
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> -->
<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>
<!-- 头部 -->
<!-- <header>
<div class="header w">
左侧logo部分
<a href="index.html" class="header_logo"></a>
中间导航栏
<div class="header_nav">
<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>
</ul>
</div>
右侧用户部分
<div class="header_user">
<a href="#">
<img src="images/login.svg" alt="">
</a>
<a href="#">
<img src="images/serch.svg" alt="">
</a>
</div>
</div>
</header> -->
<!-- 头部 -->
<div class="main">
<div class="toubu">
<div class="zuo">
<h1 class="ziti"> NEWS</h1>
</div>
<div class="you">
<select name="" id="sel">
<option value="">全部</option>
<option value="">笔记本电脑</option>
<option value="">电竞卓机</option>
<option value="">主板</option>
<option value="">显卡</option>
<option value="">Gaming Gear</option>
<option value="">显示器</option>
</select>
</div>
</div>
<!-- 浮动导航栏 -->
<div class="icon-bar">
<a href="#" title="Share this page on Facebook" class="icon-c facebook li-share-buttons"></a>
<a href="#" title="Tweet about this page" class="icon-c twitter li-share-buttons"></a>
<a href="#" class="icon-c email"></a>
<a href="#" class="icon-c copy"
data-url="https://cn.msi.com/news?utm_source=direct&utm_medium=social-sharing&utm_content=MSI News"
data-trigger="copy"></a>
</div>
<!-- 主体 -->
<div class="zhuti row">
<ul>
<li>
<a href="#"><img src="uplaode/news_15996226315f584de7b989f.png" alt=""><samp
class="tubiao"> 笔记本电脑 </samp></a>
<span>Wed,09 Sep 2020</span>
<h3>微星宣布跨足高端商务笔记本市场： Summit系列携新LOGO亮相</h3>
<p>微星宣布跨足高端商务笔记本市场：Summit系列携新LOGO亮相
产制新创、高性能笔记本的知名品牌微星科技（MSI），9月3日线上发布会以主题「迈向巅峰」，
正式宣布跨足高端商务笔记本市场，推出崭新「Summit高端商务与生产力」系列笔记本，瞄准从企业到个人用户。
其中「Summit」为首波率先搭载全新第11代 Intel® Core™ 处理器的高阶笔记本，
「Prestige 14 Evo」更为全球首批通[...]</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15989492785f4e079e88337.jpg" alt=""><samp
class="tubiao"> 显卡 </samp></a>
<span>Wed, 02 Sep 2020</span>
<h3>微星发布非公版GeForce RTX™ 30系列显卡新品</h3>
<p>今日，NVIDIA正式发布了GeForce RTX™ 30 系列GPU，作为NVIDIA合作伙伴以及全球知名电竞硬件品牌MSI微星科技，也同步推出了采用新一代NVIDIA安培架构的GeForce
RTX™
30系列显卡新品，将NVIDIA最新图形技术和微星34年深厚板卡设计经验相融合，赋予微星非公版GeForce RTX 30系列显卡新品更加强劲的性能表现和更出色的散热效率。 全新的NVIDIA
Ge[...]</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15988646605f4cbd14cfdee.png" alt=""><samp
class="tubiao"> 笔记本电脑 </samp></a>
<span>Mon, 31 Aug 2020</span>
<h3>ESL Pro League与官方指定电竞伙伴MSI微星科技即将引爆第12季赛事</h3>
<p>ESL Pro League与官方指定电竞伙伴MSI微星科技即将引爆第12季赛事 全球知名电竞品牌同时也是ESL Pro
League官方指定电竞伙伴的MSI微星科技将持续赞助第12季赛事中所需的电竞硬设备，
如：电竞笔记本、电竞主板、电竞显卡及电竞显示器。 有了这些ESL官方认证的电竞装备，来自全球24支职业电竞战队在长达4周的赛事将更为顺利，
第12季的赛事包括一个完整的赛季及3天的总决赛，整个对战的节奏将会更加的紧张和刺[...]</p>
</li>
<li>
<a href="#"><img src="uplaode/blank_d.png" alt=""><samp class="tubiao"> 笔记本电脑 </samp></a>
<span>Mon, 31 Aug 2020</span>
<h3>ESL Pro League与官方指定电竞伙伴MSI微星科技即将引爆第12季赛事</h3>
<p>ESL Pro League与官方指定电竞伙伴MSI微星科技即将引爆第12季赛事 全球知名电竞品牌同时也是ESL Pro
League官方指定电竞伙伴的MSI微星科技将持续赞助第12季赛事中所需的电竞硬设备，
如：电竞笔记本、电竞主板、电竞显卡及电竞显示器。 有了这些ESL官方认证的电竞装备，来自全球24支职业电竞战队在长达4周的赛事将更为顺利，
第12季的赛事包括一个完整的赛季及3天的总决赛，整个对战的节奏将会更加的紧张和刺[...]</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15983219615f44752997ffa.jpg" alt=""><samp class="tubiao"> 笔记本电脑 </samp></a>
<span>Tue, 25 Aug 2020</span>
<h3>微星关怀，用心服务</h3>
<p>微星关怀，用心服务 提供更优质的售后服务，我们一直在路上 服务是一种坚持，更是一种责任。以更人性化的服务方式，帮助客户解决实际困难！
微星作为电竞领域及内容创作领域的笔记本大厂，在提供有品质的产品同时，售后服务不断提升，我们一直在路上！
主动作为，用心服务，实力圈粉！ 2019年11月1日微星笔记本新增售后服务政策，从响应速度、覆盖范围、维修流程、技术人员专业能力、反馈机制等方面给用户带来全新的售后体验。
即使遇到不在覆盖范围[...]</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15979047265f3e17560c328.jpg" alt=""><samp
class="tubiao"> 主板 </samp></a>
<span>Thu, 20 Aug 2020</span>
<h3>微星发布AMD A520系列主板</h3>
<p>近日主板制造商MSI微星科技宣布推出新品AMD A520系列主板。 自从AMD推出具有AM4平台的Ryzen台式机处理器以来，MSI一直以其AM4主板占领市场高地。
A520是A320的后继产品，它将所有PCIe 2.0通道升级到PCIe
3.0，但并不支持PCIe 4.0。 借助7nm第三代Ryzen和Ryzen 4000 G系列处理器的支持，A520是Ryzen 3和Ryzen 3 PRO处理器的优质选择。 微星与AM4[...]
</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15977304975f3b6ec121de4.png" alt=""><samp
class="tubiao"> 笔记本电脑 </samp></a>
<span>Tue, 18 Aug 2020</span>
<h3>MSI微星科技欢庆三十四周年 ——尊爵非凡品牌月</h3>
<p>MSI微星科技欢庆三十四周年——尊爵非凡品牌月 参加即日起至9月7日的好礼三重送独家活动， 可获得34倍超高积分回馈、游戏序号，还有机会抽中台式机、笔记本电脑等生日大奖 在成立三十四周年之际
全球电竞和内容创作硬体领导品牌MSI微星科技邀请世界各地的消费者和粉丝参加欢庆 “34周年 ‧ 尊爵非凡品牌月”庆生好礼三重送的独家庆祝活动， 和MSI一同欢度周年庆 「MSI微星科技拥有超[...]
</p>
</li>
<li>
<a href="#"><img src="uplaode/blank_d.png" alt=""><samp class="tubiao"> 笔记本电脑 </samp></a>
<span>Fri, 17 Jul 2020</span>
<h3>RTX2070 Super游戏本不足万元？微星爆款直播来袭！</h3>
<p>RTX2070 Super游戏本不足万元？微星爆款直播来袭！ 随着今年高考结束，也终于迎来暑期档，虽然相比往年姗姗来迟，但“好戏”不怕晚！
微星笔记本深知广大核心玩家的需求，即将开展优惠力度颇大的一次暑促活动，
不仅所有热门高关注度的机型纷纷上阵，更推出暑促专属的特规爆款型号，一切只为玩家。 为迎接暑期大促活动，我们再次联合“张大妈”什么值得买，7月20日晚19:30将在值得买站[...]
</p>
</li>
<li>
<a href="#"><img src="uplaode/news_15947802825f0e6a7a12905.png" alt=""><samp
class="tubiao"> 笔记本电脑 </samp></a>
<span>Wed, 15 Jul 2020</span>
<h3>覆盖精准更懂玩家：微星电竞游戏本全系中文名全解析</h3>
<p>覆盖精准更懂玩家：微星电竞游戏本全系中文名全解析 作为微星笔记本的明星系列，Gaming电竞产品线一直拥有广大玩家拥趸，坚持“精工艺，真电竞”的品牌宣言之外，也在不断优化整合产品线中的各个系列定位。
如今，从最亲民的入门侠客GF到主流冲锋坦克2 GL/冲锋坦克2 Pro GP系列，再到今年大改款的明星机型绝影2 GS、强袭2 GE系列 和最高规旗舰机皇的泰坦GT系列，全系列中文名都已正式确立
相信伴随搭[...]
</p>
</li>
</ul>
</div>
<!-- 分页栏 -->
<nav aria-label="Page navigation">
<ul class="pagination pagination-lg">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</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>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> -->
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></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 助手