求教一个简单的显示问题-php教程-PHP中文网

首页

后端开发

php教程

求教一个简单的显示问题

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 02:38 PM

现在有一系列的

标签，每个

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

回复讨论(解决方案)

$(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>

不明白....

a标签显示也可以这样写

$(this).css("display","")

或者这样

$(this).css("visibility","visible")

回复 :ww_super
我知道你说的啊我就是那样写的啊只是截图少截了点
就是 $(document).ready({...});这样的

回复：BingoVictor
你把10楼我发你的完整代码放本地运行下，我测试可以的！你运行如果也可以的话，对比下看看哪边有不同

我本地确实可以的，截图：

实在不知道你那边的情况了。。。

你加载jquery了吗

。。。加载了啊其他的点击什么的效果都可以实现。。。就这个实现不了

通过google浏览器，F12看下console,是否报错、

搞定了谢谢

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

PHP的当前状态：查看网络开发趋势Apr 13, 2025 am 12:20 AM

PHP在现代Web开发中仍然重要，尤其在内容管理和电子商务平台。1)PHP拥有丰富的生态系统和强大框架支持，如Laravel和Symfony。2)性能优化可通过OPcache和Nginx实现。3)PHP8.0引入JIT编译器，提升性能。4)云原生应用通过Docker和Kubernetes部署，提高灵活性和可扩展性。

PHP与其他语言：比较Apr 13, 2025 am 12:19 AM

PHP适合web开发，特别是在快速开发和处理动态内容方面表现出色，但不擅长数据科学和企业级应用。与Python相比，PHP在web开发中更具优势，但在数据科学领域不如Python；与Java相比，PHP在企业级应用中表现较差，但在web开发中更灵活；与JavaScript相比，PHP在后端开发中更简洁，但在前端开发中不如JavaScript。

PHP与Python：核心功能Apr 13, 2025 am 12:16 AM

PHP和Python各有优势，适合不同场景。1.PHP适用于web开发，提供内置web服务器和丰富函数库。2.Python适合数据科学和机器学习，语法简洁且有强大标准库。选择时应根据项目需求决定。

PHP：网络开发的关键语言Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言，特别适合web开发。1.PHP可以嵌入HTML，处理HTTP请求和响应，支持多种数据库。2.PHP用于生成动态网页内容，处理表单数据，访问数据库等，具有强大的社区支持和开源资源。3.PHP是解释型语言，执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时，可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7