Community
Learn
Tools Library
AI Tools
Leisure
search
English
Table of Contents
回复讨论(解决方案)
 {$vo2.ToName}
{$vo2.ToName}
Home Backend Development PHP Tutorial 求教一个简单的显示问题

求教一个简单的显示问题

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Jun 23, 2016 pm 02:38 PM

现在有一系列的

  • 标签，每个
  • 标签里面有一个标签，开始这些a标签都是隐藏状态，想实现当鼠标放在某个li上面是， 这里面的a标签就显示出来  求解！！！

    回复讨论(解决方案)

    $(this).next().show()

    结构呢？如何隐藏的？dispaly:none？还是其他？

    用css就可以啦

    1

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style>  .myli:hover a{      display:block;  }   .a_start{       display:none;   }</style></head><body><ul>  <li class='myli'><a class="a_start">a</a></li>  <li class='myli'><a class="a_start">b</a></li>  <li class='myli'><a class="a_start">c</a></li>  <li class='myli'><a class="a_start">d</a></li>  <li class='myli'><a class="a_start">e</a></li></ul></body></html>

    Copy after login

    用jquery方便点

    1

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><script>$(document).ready(function(){    $("#content li").mouseover(function(){      $(this).find("a").css("display","block");   })  $("#content li").mouseout(function(){       $(this).find("a").css("display","none");    })})</script><div id="content"> <li>li<a href="" style="display:none">test1</a></li>    <li>li<a href="" style="display:none">test2</a></li>    <li>li<a href="" style="display:none">test3</a></li></div>

    Copy after login

    li的hover,但在ie6下会有些问题
    有补丁的方向

    回复ww_super：
    我就是这样写的啊：

    1

    $('#msglist li').mouseover(function(){      $(this).children("a").css("display","block");   });         $('#msglist li').mouseout(function(){       $(this).children('a').css("display","none");    });

    Copy after login
    Copy after login

    但是当鼠标离开的时候a没有显示出来 求解

    li的hover,但在ie6下会有些问题
    有补丁的方向

    虽然我不是做前台的，但是ie6 - - ~

    这是js代码

    1

    $('#msglist li').mouseover(function(){      $(this).children("a").css("display","block");   });         $('#msglist li').mouseout(function(){       $(this).children('a').css("display","none");    });

    Copy after login
    Copy after login

    这是html代码

    1

    <ul id='msglist'><volist name="res" id='vo2'><li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000"><a class="delCurSx" style="display:none">X</a><div class="title"><h3 id="nbsp-vo-ToName"> {$vo2.ToName}</h3><p>{$vo2.AddTime}</p></div><div class="detail"><div class="sxDetailCon">{$vo2.Msg}</div>              </div></li></volist></ul>

    Copy after login


    为什么实现不出来效果呢？



    你加载jquery了吗

    像我上面给你的例子一样，把你的js代码放到
    $(document).ready(function(){ ... })这个里面来！

    这个是让你页面运行完了再执行js，你一开始就执行js，页面中还没有所写那些元素呢，完整代码如下

    1

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><script>$(document).ready(function(){    $('#msglist li').mouseover(function(){      $(this).children("a").css("display","block");   });         $('#msglist li').mouseout(function(){       $(this).children('a').css("display","none");    }); })</script><ul id='msglist'>    <volist name="res" id='vo2'>      <li class="clearfix" id="{$vo2.WithUid}" style="border:1px solid #000">           <a class="delCurSx" style="display:none">X</a>          <div class="title">               <h3 id="vo-ToName">{$vo2.ToName}</h3>               <p>{$vo2.AddTime}</p>           </div>            <div class="detail">              <div class="sxDetailCon">{$vo2.Msg}</div>                       </div>        </li> </volist></ul>

    Copy after login

    不明白....


    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    AI Hentai Generator

    AI Hentai Generator

    Generate AI Hentai for free.

    Show More

    Hot Article

    R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
    4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Best Graphic Settings
    4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
    Assassin's Creed Shadows: Seashell Riddle Solution
    2 weeks ago By DDD
    R.E.P.O. How to Fix Audio if You Can't Hear Anyone
    4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Chat Commands and How to Use Them
    4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
    Show More

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    Show More

    Hot Topics

    Where is the login entrance for gmail email?
    7527
    15
    CakePHP Tutorial
    1378
    52
    What is the format of the account name of steam
    81
    11
    win11 activation key permanent
    54
    19
    nyt connections hints and answers
    21
    74
    Show More
    • Related knowledge
    Alipay PHP SDK transfer error: How to solve the problem of 'Cannot declare class SignData'? Alipay PHP SDK transfer error: How to solve the problem of 'Cannot declare class SignData'? Apr 01, 2025 am 07:21 AM

    Alipay PHP...

    Explain JSON Web Tokens (JWT) and their use case in PHP APIs. Explain JSON Web Tokens (JWT) and their use case in PHP APIs. Apr 05, 2025 am 12:04 AM

    JWT is an open standard based on JSON, used to securely transmit information between parties, mainly for identity authentication and information exchange. 1. JWT consists of three parts: Header, Payload and Signature. 2. The working principle of JWT includes three steps: generating JWT, verifying JWT and parsing Payload. 3. When using JWT for authentication in PHP, JWT can be generated and verified, and user role and permission information can be included in advanced usage. 4. Common errors include signature verification failure, token expiration, and payload oversized. Debugging skills include using debugging tools and logging. 5. Performance optimization and best practices include using appropriate signature algorithms, setting validity periods reasonably,

    Explain the concept of late static binding in PHP. Explain the concept of late static binding in PHP. Mar 21, 2025 pm 01:33 PM

    Article discusses late static binding (LSB) in PHP, introduced in PHP 5.3, allowing runtime resolution of static method calls for more flexible inheritance.Main issue: LSB vs. traditional polymorphism; LSB's practical applications and potential perfo

    Framework Security Features: Protecting against vulnerabilities. Framework Security Features: Protecting against vulnerabilities. Mar 28, 2025 pm 05:11 PM

    Article discusses essential security features in frameworks to protect against vulnerabilities, including input validation, authentication, and regular updates.

    How to send a POST request containing JSON data using PHP's cURL library? How to send a POST request containing JSON data using PHP's cURL library? Apr 01, 2025 pm 03:12 PM

    Sending JSON data using PHP's cURL library In PHP development, it is often necessary to interact with external APIs. One of the common ways is to use cURL library to send POST�...

    Customizing/Extending Frameworks: How to add custom functionality. Customizing/Extending Frameworks: How to add custom functionality. Mar 28, 2025 pm 05:12 PM

    The article discusses adding custom functionality to frameworks, focusing on understanding architecture, identifying extension points, and best practices for integration and debugging.

    Describe the SOLID principles and how they apply to PHP development. Describe the SOLID principles and how they apply to PHP development. Apr 03, 2025 am 12:04 AM

    The application of SOLID principle in PHP development includes: 1. Single responsibility principle (SRP): Each class is responsible for only one function. 2. Open and close principle (OCP): Changes are achieved through extension rather than modification. 3. Lisch's Substitution Principle (LSP): Subclasses can replace base classes without affecting program accuracy. 4. Interface isolation principle (ISP): Use fine-grained interfaces to avoid dependencies and unused methods. 5. Dependency inversion principle (DIP): High and low-level modules rely on abstraction and are implemented through dependency injection.

    What exactly is the non-blocking feature of ReactPHP? How to handle its blocking I/O operations? What exactly is the non-blocking feature of ReactPHP? How to handle its blocking I/O operations? Apr 01, 2025 pm 03:09 PM

    An official introduction to the non-blocking feature of ReactPHP in-depth interpretation of ReactPHP's non-blocking feature has aroused many developers' questions: "ReactPHPisnon-blockingbydefault...

    See all articles