html如何设置中英导航,js怎么在导航栏互相切换中英文

这次给大家带来js怎么在导航栏互相切换中英文，js在导航栏互相切换中英文的注意事项有哪些，下面就是实战案例，一起来看一下。

ul的高度为li的一半，ul{overflow:hidden}

li:hover{margin-top:-40px;}

中英切换导航条

*{padding:0; margin:0;}

li{ list-style:none; }

a{ text-decoration:none;}

.nav{ width:100%; height:40px; background:#222; margin-top:100px; overflow:hidden;}

.list{ width:1000px; height:40px; margin:0 auto;}

.list li{ float:left;}

.list li a{ display:block; transition:0.3s;}

.list b,.list i{ display:block; padding:0 30px; color:#aaa; line-height:40px; text-align:center;}

.list b{ font-weight:100}

.list i{ font-style:normal; background:#333; color:#fff;}

.list a:hover{ margin-top:-40px;}

Index

首页

course

职业课程

study

就业学习

BBS

社区

JiKe+

发现+

html如何设置中英导航,js怎么在导航栏互相切换中英文相关推荐

R 学习 - 图形设置中英字体
微信公众号:http://mp.weixin.qq.com/s/NAwyvtTS7t5rRU7KKBwHTA 绘制生信宝典调查总结文中的柱状图时,出现了中文乱码,就搜索了下解决方案,记录如下. 修改图 ...
R语言学习 - 图形设置中英字体
绘制生信宝典调查总结文中的柱状图时,出现了中文乱码,就搜索了下解决方案,记录如下. 修改图形的字体 ggplot2中修改图形字体. # 修改坐标轴和legend.标题的字体 theme(text=el ...
将必应输入法设置成纯英文的输入法，再也不必为切换中英文而烦恼了
首先下载一个必应输入法,我一般都去脚本之家下载软件,那儿的软件比较靠谱. 下载好了运行,点击一键安装. 装好之后,我在开始菜单和它的安装目录找了半天都没找到设置入口,最后终于还是用快捷键打开了. 快捷 ...
分享b2b2c带商家入驻中英繁多语言海外电商带商品库一键铺货商城源码
源码介绍: 1.源码前端展示语言包含中英繁9种语言, 2支持切换语言 3.支持商家入驻 4.支持多种支付 5.支持多规格商品 6.商家后台,总后台, 7.平台数据总预览 8.会员管理 9.订单消息提醒 ...
CSS实现中英双语导航栏——利用块级元素隐藏实现
如何实现中英双语导航栏?(所谓的中英双语导航栏就是导航栏显示的是中文(或英文)然后输入悬浮在其上的时候转成英文(或中文)) 方法有很多,此次记录一种使用块级元素隐藏实现的中英文切换. 上代码: HTM ...
【中英双语】使用JavaScript 及Three.js开发3D网页游戏
此教程共2.0小时,中英双语字幕,画质清晰无水印,源码附件全课程英文名:3D Web Game Development with JavaScript and Three.js 下载地址百度网盘地 ...
PotPlayer播放器中英双字幕设置
PotPlayer播放器中英双字幕设置动画片.电影发的视频类,部分有多国语言字幕, 默认播放器只输出一种语言字幕. 许多同学想*同时*输出两种字幕,以potplayer为例,设置方法如下: mvk内 ...
ember.js_如何设置基本的Ember.js应用
ember.js by Tracy Lee | ladyleet 特雷西·李(Tracy Lee)| Ladyleet 如何设置基本的Ember.js应用 (How to set up a Basic ...
网新中英企业网站管理系统 v9.9
介绍网新中英企业网站管理系统 v9.9 更新日志客服中心增加MSN链接客服功能网新中英企业网站管理系统程序简介网新中英企业网站管理系统是专业为个人和企业网站建设而开发的一款智能化程序.该程序基 ...

html如何设置中英导航,js怎么在导航栏互相切换中英文

html如何设置中英导航,js怎么在导航栏互相切换中英文相关推荐

最新文章

热门文章