2，点击“设置”，进入到设置的页面，在页面上我们可以看到“系统导航”。
3，点击“系统导航”，进入到系统导航的设置页面，在页面上我们可以看到“导航方式”的设置。
4，我们只需要将导航键勾选，就可以实现在手机底部实现导航键了。
5，当我们不需要使用导航键的时候，我们只需要将导航的方式设为“导航手势”，那么手机底部就不会出现导航键，我们只能通过手势来代替导航键。
6 ，然后我们还可以设置导航键顺序与样式，在系统导航页面上，可以看到“导航键顺序与样式”。
7，然后我们只需点击“导航键顺序与样式”，进入到导航键顺序与样式的设置页面，我们可以在页面上选择我们喜欢的导航键顺序以及导航键的图标。
8，然后我们也可以设置当手机横屏时导航键的位置，同样可以根据我们个人的习惯，来设置手机横屏时底部导航键的位置。
<style type="text/css">ul li{
list-style:none
float:left
border:1px solid red
padding:5px 10px
background-color:#ccc
font-size:20px
}
li:hover{
cursor:pointer
}
.cname{
background-color:blue
}
</style>
上面这是css样式
<script type="text/javascript">
$(function(){
$("ul li").click(function(){
$("ul li").removeClass('cname')
$(this).addClass('cname')
})
})
</script>
这是jquery代码 在使用的是 需要加载jquery库
<body>
<ul>
<li>保险</li>
<li>金融</li>
<li>证券</li>
<li>银行</li>
</ul>
</body>
这样就能实现基本的效果了
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）