基于jQuery的中英文切换导航条的作用
首先看中英文切换的导航栏效果：我实现了两种方式，一种与CSS3和其他由jQuery。
首先，让我们说如何使用CSS3来实现它。
HTML：
首页
指数
首页
BBS
论坛
博客
博客
购物中心
购物中心
下载
下载
Css：
* {
保证金：0px；
填料：0px；
字体微软雅黑
}
李{
列表样式：无；
}
一个{
文字装饰：无；
}
资产净值{。
宽度：100%；
身高：40px；
背景颜色：# 222；
边距：100px；
溢出：隐藏；
}
导航列表{
宽度：1000px；
保证金：0汽车；
身高：40px；
}
资产净值列表李{
浮点数：左；
}
资产净值列表
显示块；
过渡：0.2s；
}
资产净值列表Li B，资产净值列表李I {
颜色：# AAA；
行高：40px；
显示块；
填充物：0 30px；
文本对齐：中心；
}
资产净值列表李B {
字体重量：正常；
}
资产净值列表李I {
字体样式：正常；
颜色：# FFF；
背景颜色：# 333；
}
资产净值列表：
边距：- 40px；
}
红色部分是这个过程的实现。鼠标移动时，会显示中文位置改变的方式。那就是删除英语。值得注意的是，我们需要通过使用隐藏属性来隐藏它。如果您想要慢速，您可以使用转换属性设置更改时间，这样您就可以减慢更改速度。
然后在jQuery中实现：
Css：
* {
保证金：0px；
填料：0px；
字体微软雅黑
}
李{
列表样式：无；
}
一个{
文字装饰：无；
}
资产净值{。
宽度：100%；
身高：40px；
背景颜色：# 222；
Margin-top:100px;
溢出：隐藏；
}
导航列表{
宽度：1000px；
保证金：0汽车；
身高：40px；
}
资产净值列表李{
浮点数：左；
}
资产净值列表
显示块；
}
资产净值列表Li B，资产净值列表李I {
颜色：# AAA；
行高：40px；
显示块；
填充物：0 30px；
文本对齐：中心；
}
资产净值列表李B {
字体重量：正常；
}
资产净值列表李I {
字体样式：正常；
颜色：# FFF；
背景颜色：# 333；
}
jQuery：
$（函数（）{（））
$（Hover）。
$（这个）。停止（）。动画（{边距顶部：：40 }，200）
}函数（）{（）
$（这个）。停止（）。动画（{边距顶部：：0 }，200）
}）；
}）；
关键是要实现动画（）函数的功能，通过设置边距顶部和时间，以防止快速通过，所有变化（如下图所示），在动画（）函数添加（停止）功能，即所有停止动画之前，其他动画，然后在动画开始之前。
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。