简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 有两个div,鼠标划过隐藏div1 显示div2，鼠标移开显示div1隐藏div2，用jq还是css？
高洛峰
高洛峰 2017-04-10 17:03:15
0
3
488

  1. 描述你的问题
    有两个p，正常显示“aaa”这个p，当鼠标划过时候，隐藏“aaa”显示“bbb”这个p，鼠标移开再恢复原样。列表一共十条这种新闻，不知道用jquery还是css 能实现这种效果？ 效果图和代码见下面，在线等，跪求解决方法！！！！

  2. 贴上相关代码

     New Document    
  
     
    新闻111标题
      
     
    新闻111隐藏层内容
     
      
    新闻222标题
      
     
    新闻222隐藏层内容
     
      
    新闻333标题
      
     
    新闻333隐藏层内容

  3. 贴上报错信息

  4. 贴上相关截图

  5. 已经尝试过哪些方法仍然没解决（附上相关链接）

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

Antworte allen (3)
大家讲道理
大家讲道理2017-04-10 17:05:15 3 Etage

是这个意思吗？

.list { float:left; width:100%; margin-right:10px; width:300px; margin-right:10px } .info_node { font-size:12px; color:#6b6b6b; overflow:hidden; border-bottom:2px dotted #e5e5e5; padding-top:8px; } .info_node .title{ display:block; } .info_node .content{ display:none } .info_node:hover .title{ display:none; } .info_node:hover .content{ display:block; background-color:#ff0000; color:#fff; border-bottom:2px dotted #e5e5e5; }
 
 新闻111标题 
 
新闻111隐藏层内容
 
 
 
 新闻222标题 
 
新闻222隐藏层内容
Wie+0
Antwort hinzufügen
    大家讲道理
    大家讲道理2017-04-10 17:05:15 2 Etage

    不一定非要隐藏吧，鼠标覆盖时改变样式不行吗？

    Wie+0
    Antwort hinzufügen
      黄舟
      黄舟2017-04-10 17:05:15 1 Etage

      CSS用hover;
      jQuery用mouseenter和mouseleave;

      Wie+0
      Antwort hinzufügen
        Beliebte Themen
        Mehr>
        Populäre Artikel
        Beliebte Tutorials
        Mehr>
        Verwandte Tutorials
        Beliebte Empfehlungen
        Aktuelle Kurse
        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！