Community Learn Tools Library Leisure

English

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

WBOY

Release： 2016-06-24 12:12:54

Original

1309 people have browsed it

ceshi



      社区导航

河南

山东

湖南

广东

江苏

四川

陕西

宁夏

云南

海南

台湾

浙江

吉林

黑龙江

北京

重庆

澳门

河北

山西

湖北

广西

江西

安徽

甘肃

青海

贵州

福建

西藏

新疆

辽宁

内蒙古

上海

天津

香港

  郑州
      安阳
      南阳
      信阳
      洛阳
      濮阳
      开封
      漯河
      许昌
      周口
      新乡
      周口



  郑州
      安阳
      南阳
      信阳
      洛阳




  郑州
      安阳
      南阳




  郑州
      安阳
      南阳
        新乡
  周口




  郑州
      新乡
  周口



  郑州
        新乡
  周口



  郑州
        新乡
  周口



  郑州
        周口



  郑州
        新乡
  周口



  郑州
        周口



  郑州
       新乡
  周口



  郑州
       新乡
  周口



  郑州
       新乡
  周口



  郑州
         新乡
  周口



  郑州
      安阳
      新乡
  周口



  郑州
      安阳
        新乡
  周口

<SCRIPT> 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;i<len;i++){ Tags[i].value = i; Tags[i].onmouseover=function(){changeNav(this.value)}; TagsCnt[i].className='undis'; } Tags[flag].className='topC1'; TagsCnt[flag].className='dis'; function changeNav(v){ Tags[flag].className='topC0'; TagsCnt[flag].className='undis'; flag=v; Tags[v].className='topC1'; TagsCnt[v].className='dis'; } </SCRIPT>

回复讨论(解决方案)

运行的时候，显示页面有错误，而且只出现一遍，鼠标到头再返回去就不会出现效果了

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。

标签没有问题吧

错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
+1

不好意思，理解错误。。。

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。
++

引用 2 楼的回复:

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。

+1

还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小点呢，就是河南河北那两行之间的间距

引用 4 楼的回复:
引用 2 楼的回复:

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。

+1

还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小点呢，就是河南河北那两行之……
用margin-top

引用 6 楼的回复:
引用 4 楼的回复:
引用 2 楼的回复:

错误1：id值为NewsTop_tit的div标签没有正确关闭；
错误2：上面这个元素中的p元素数量与id值为NewsTop_cnt的div元素中的span子元素数量不匹配。

+1

还有一个问题，需要请教，怎么实现让上面两行之间的间距变的小……
不然就是padding-top

引用 7 楼的回复:
引用 6 楼的回复:
引用 4 楼的回复:
引用 2 楼的回复:

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;}

Copy after login

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.

Related labels：

关于轮滑新闻显示那个代码，我修改后效果出不来，怎么回事、

source：php.cn

Previous article：I encountered a problem. This page displays normally under IE7 and IE8, but under IE6, the left side of the page displays normally, and the entire right side is pushed to the bottom, and it is the bottom right side. Can you help me take a look? _html/css_WEB-ITnose Next article：How to wrap_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn