這次帶給大家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+ 发现+
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀: