15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

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

周明亮| 发布于 2021-10-17 13:33:38| 616阅读| 0点赞| 0评论
举报

使用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)
			}
			
		});
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

周明亮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部