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) ,所以无法定位到问题呢 ,如果问题区域无法粘贴过多代码 , 建议可以先把页面做完 , 然后点击上传作业 , 把完整的项目上传上来 , 会有专业的老师对作业存在的问题进行指导的 . 祝学习愉快
相似问题