10年匠心专业提供互联网设计开发方案

原创设计 定制开发

满足您的个性化需求

if判断手机端导航条显示隐藏

使用if判断手机端导航条显示隐藏,同时改变按钮图片切换

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给予处理。

热门标签

周明亮
微信扫一扫立即咨询
公众号
在线客服
在线联系
17330196230 13230981129 18830906230
顶部
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号