Home >Web Front-end >HTML Tutorial >Regarding the code displayed in the roller skating news, the effect cannot be produced after I modified it. What's going on? _html/css_WEB-ITnose
Regarding the code displayed in the roller skating news, the effect cannot be produced after I modified it. What's going on? _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:12:541332browse
6a74014ee44f5deb5894267f99b68016ef1cac8df639bc9110cb13b8b5ab3dd708eb756f81b28a01d33212cce3fbe742ceshi0e94189e2178ffcfb346fb78b3f60691
2476040fbaa49a104ade90b620d76519
ef0d2420b1e5291570a81009eee48a1a
0febaa36df62772439d5a0bcb381b022
531ac245ce3e4fe3d50054a55f265927
34934661d7147ca926b095899343bad0
a64997a0904a094b4570728d7f327acd
4c77a14db23c4f9a94c1171ed9ceac0f
3af9fabef9923efcb9fa35addcf21f98
178dfd5824b531f713858a95d83ca87f
52a6a9aa6f5da56366b3eca26ec98c0b社区导航ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615河南ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615山东ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615湖南ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615广东ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615江苏ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615四川ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615陕西ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615宁夏ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615云南ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615海南ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615台湾ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615浙江ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615吉林ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615黑龙江ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615北京ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615重庆ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615澳门ee2bfd64228f824cf6027e0da2815b780c6dc11e160d3b678d68754cc175188a
d8298b21a65efeb40033b0fc297b2739
4b051b749a83f734c5a67403066815fa94b3e26ee717c64999d7867364b1b4a3
9f202774315523d674c4bd9a24ac3c2b河北94b3e26ee717c64999d7867364b1b4a3
355dfc75524aff7da8ed4a2627973615山西ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615湖北ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615广西ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615江西ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615安徽ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615甘肃ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615青海ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615贵州ee2bfd64228f824cf6027e0da2815b78
355dfc75524aff7da8ed4a2627973615福建ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c西藏ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c新疆ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c辽宁ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c内蒙古ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c上海ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c天津ee2bfd64228f824cf6027e0da2815b78
05ab97d1d3ef60bffedae3702568a66c香港ee2bfd64228f824cf6027e0da2815b78
c997cec9f4b83324a7145373fde865ba
c997cec9f4b83324a7145373fde865ba
48f2ad576e37d1d73946d3a40e54d2d19b9dd3172571676b7055144fb243e6ad0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb南阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb信阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb洛阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb濮阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb开封63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb漯河63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb许昌63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb南阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb信阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb洛阳63505a6f727f70c8bd4066f3066dcb9d
82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb南阳63505a6f727f70c8bd4066f3066dcb9d
82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb南阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
44558f8e7238b39f65c2f02c2982c29a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a0c6dc11e160d3b678d68754cc175188a
30208bdf7784b78b46035532b5089dcb郑州63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb安阳63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb新乡63505a6f727f70c8bd4066f3066dcb9d
30208bdf7784b78b46035532b5089dcb周口63505a6f727f70c8bd4066f3066dcb9d82c2f54f4cf245029ffb326befd49b3f
0fe0b7695b8025b8365ca0c050e039db
c997cec9f4b83324a7145373fde865ba
03c6714b8e3ee3238fc596020c4901e1
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');
var len=Tags.length;
var flag=1;//修改默认值
for(i=1;ie4d8ba539b9e0c768638f009a70b937e
c997cec9f4b83324a7145373fde865ba
c997cec9f4b83324a7145373fde865ba
f2475bc0d02a524246eacdb398ec424e6eac519e8537e4205ddd37e30a7b548a
回复讨论(解决方案)
运行的时候，显示页面有错误，而且只出现一遍，鼠标到头再返回去就不会出现效果了
8e24a1fb97bacaed686be0ce8192301a 16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
标签没有问题吧
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
+1
不好意思，理解错误。。。
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
++
引用 2 楼 的回复:
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
+1
还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小点呢，就是河南河北那两行之间的间距
引用 4 楼 的回复:
引用 2 楼 的回复:
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
+1
还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小点呢，就是河南河北那两行之……
用margin-top
引用 6 楼 的回复:
引用 4 楼 的回复:
引用 2 楼 的回复:
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
+1
还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小……
不然就是padding-top
引用 7 楼 的回复:
引用 6 楼 的回复:
引用 4 楼 的回复:
引用 2 楼 的回复:
8e24a1fb97bacaed686be0ce8192301a16b28748ea4df4d9c2150843fecfba68
Error 1: The div tag with the id value NewsTop_tit is not closed correctly;
Error 2: The number of p elements in the above element does not match the number of span sub-elements in the div element with the id value NewsTop_cnt.
1
There is another question, I need to ask, how to implement it...
In Henan and Hebei, I use two DIVs. You mentioned margin-top and padding-top. Which one should I put it in?
#NewsTop_tit p, #NewsTop_two p { margin-bottom:0;} To be honest, the code you posted is really bad and it is very difficult to adjust. Look at the margin-top and margin-bottom of the box model #NewsTop_tit p, #NewsTop_two p element The values are all 10px, but after forcibly changing the margin value like above, the effect is different in IE and other browsers.
CSS code
#NewsTop_tit p, #NewsTop_two p {
margin-bottom:0;
}
I tried this and it works, thank you.