求教一个简单的显示问题
现在有一系列的
回复讨论(解决方案)
$(this).next().show()
结构呢?如何隐藏的?dispaly:none?还是其他?
用css就可以啦
<!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>
用jquery方便点
<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>
li的hover,但在ie6下会有些问题
有补丁的方向
回复ww_super:
我就是这样写的啊:
$('#msglist li').mouseover(function(){ $(this).children("a").css("display","block"); }); $('#msglist li').mouseout(function(){ $(this).children('a').css("display","none"); });
但是当鼠标离开的时候a没有显示出来 求解
li的hover,但在ie6下会有些问题
有补丁的方向
虽然我不是做前台的,但是ie6 - - ~
这是js代码
$('#msglist li').mouseover(function(){ $(this).children("a").css("display","block"); }); $('#msglist li').mouseout(function(){ $(this).children('a').css("display","none"); });
这是html代码
<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>
为什么实现不出来效果呢?
你加载jquery了吗
像我上面给你的例子一样,把你的js代码放到
$(document).ready(function(){ ... })这个里面来!
这个是让你页面运行完了再执行js,你一开始就执行js,页面中还没有所写那些元素呢,完整代码如下
<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>
不明白....

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

文章讨论了PHP 5.3中引入的PHP中的晚期静态结合(LSB),从而允许静态方法的运行时分辨率调用以获得更灵活的继承。 LSB的实用应用和潜在的触摸

JWT是一种基于JSON的开放标准,用于在各方之间安全地传输信息,主要用于身份验证和信息交换。1.JWT由Header、Payload和Signature三部分组成。2.JWT的工作原理包括生成JWT、验证JWT和解析Payload三个步骤。3.在PHP中使用JWT进行身份验证时,可以生成和验证JWT,并在高级用法中包含用户角色和权限信息。4.常见错误包括签名验证失败、令牌过期和Payload过大,调试技巧包括使用调试工具和日志记录。5.性能优化和最佳实践包括使用合适的签名算法、合理设置有效期、

使用PHP的cURL库发送JSON数据在PHP开发中,经常需要与外部API进行交互,其中一种常见的方式是使用cURL库发送POST�...
