html
<div class="sj-nav" >
<img src="images/sj-an.png" class="sj-img">
<div class="sj-login">
<img src="images/sj-login.png" >
div>
div>
<div class="index-shouj">
<dl>
<dt>
<ul>
<a href="index.html"><li class="navbian">首页li>a>
<a href="关于我们.html"><li>关于我们li>a>
<a href="产品中心.html"><li>产品中心li>a>
<a href="技术实力.html"><li>技术实力li>a>
<a href="新闻中心.html"><li>新闻中心li>a>
<a href="加入我们.html"><li>加入我们li>a>
<a href="联系我们.html"><li>联系我们li> a>
ul>
dt>
<dd>
<ul>
<li id="wenz1"><a href="#">中文a>li>
<i>/i>
<li id="wenz2" class="wenz"><a href="#">英文a>li>
ul>
dd>
dl>
div>
jq
// 手机导航
// 先给一个src的值
var src = 0
// console.log(src)
$('.sj-img').click(function(){
if(src == 0){
// 当src==0时执行下面操作
$('.sj-img').attr('src','images/sj-ca.png');//这里是改变按钮,页就是改变图片
$('.index-shouj').show()//这里是让导航显示
src = 1; //这时让src的值改变,使下面的循环执行线面的操作,也就是src不等于0的时候
// console.log(src)
}else{
$('.sj-img').attr('src','images/sj-an.png'); //这里是改变按钮,页就是改变图片
$('.index-shouj').hide() //这里是让导航隐藏
src = 0; //这时让src的值改变,使上面的循环执行线面的操作,也就是src等于0的时候
// console.log(src)
}
});
1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
3. 如果素材损害你的权益请联系客服vx:13230981129给予处理。