5-2问题

来源:5-2 作业题

qq_一个人一個人_0

2018-08-10 14:33:05

$('.zuod > ul > #lc1').click(function(event) {
 		$('.zuod > ul > #lc1').html('服饰');
     	$('.zuod > ul > #lc1').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc2').html('周边');
     	$('.zuod > ul > #lc2').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc3').html('3F');
     	$('.zuod > ul > #lc3').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc4').html('4F');
     	$('.zuod > ul > #lc4').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc5').html('5F');
     	$('.zuod > ul > #lc5').css({'color': 'black', 'fontSize': 18})
     	document.documentElement.scrollTop = 777;
 	})
 	$('.zuod > ul > #lc2').click(function(event) {
 		$('.zuod > ul > #lc1').html('1F');
     	$('.zuod > ul > #lc1').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc2').html('周边');
     	$('.zuod > ul > #lc2').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc3').html('手机');
     	$('.zuod > ul > #lc3').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc4').html('4F');
     	$('.zuod > ul > #lc4').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc5').html('5F');
     	$('.zuod > ul > #lc5').css({'color': 'black', 'fontSize': 18})
     	document.documentElement.scrollTop = 1345;
 	})
 	$('.zuod > ul > #lc3').click(function(event) {
 		$('.zuod > ul > #lc1').html('1F');
     	$('.zuod > ul > #lc1').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc2').html('2F');
     	$('.zuod > ul > #lc2').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc3').html('手机');
     	$('.zuod > ul > #lc3').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc4').html('家电');
     	$('.zuod > ul > #lc4').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc5').html('5F');
     	$('.zuod > ul > #lc5').css({'color': 'black', 'fontSize': 18})
     	document.documentElement.scrollTop = 1913;
 	})
 	$('.zuod > ul > #lc4').click(function(event) {
 		$('.zuod > ul > #lc1').html('1F');
     	$('.zuod > ul > #lc1').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc2').html('2F');
     	$('.zuod > ul > #lc2').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc3').html('3F');
     	$('.zuod > ul > #lc3').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc4').html('家电');
     	$('.zuod > ul > #lc4').css({'color': 'red', 'fontSize': 15})
     	$('.zuod > ul > #lc5').html('数码');
     	$('.zuod > ul > #lc5').css({'color': 'red', 'fontSize': 15})
     	document.documentElement.scrollTop = 2459;
 	})
 	$('.zuod > ul > #lc5').click(function(event) {
 		$('.zuod > ul > #lc1').html('1F');
     	$('.zuod > ul > #lc1').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc2').html('2F');
     	$('.zuod > ul > #lc2').css({'color': 'black', 'fontSize': 18})
     	$('.zuod > ul > #lc3').html('3F');
     	$('.zuod > ul > #lc3').css({'color': 'black', 'fontSize': 18})
 		$('.zuod > ul > #lc4').html('4F');
     	$('.zuod > ul > #lc4').css({'color': 'black', 'fontSize': 18})
 		$('.zuod > ul > #lc5').html('数码');
     	$('.zuod > ul > #lc5').css({'color': 'red', 'fontSize': 15})
     	document.documentElement.scrollTop = 3011;
 	})

老师,我的左侧楼层导航这么写有问题吗?为什么点击1、2楼没什么问题,但是点击3楼内容是到了3楼,但是还是导航中的2、3楼有红色的文字内容,应该是3、4变成红色的文字内容,然后4、5楼点击第一次也是这样;非要再点击一次就能正常切换到对应楼层的红色文字内容(由于字节数限制,我的代码只能粘贴部分),麻烦老师帮我看一下

写回答

1回答

好帮手慕夭夭

2018-08-10

因为没有完整的代码 (html,css) ,所以无法定位到问题呢 ,如果问题区域无法粘贴过多代码 , 建议可以先把页面做完 , 然后点击上传作业 , 把完整的项目上传上来 , 会有专业的老师对作业存在的问题进行指导的 . 祝学习愉快 

0

0 学习 · 36712 问题

查看课程

相似问题