求教一个简单的显示问题 jsjquerycss 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 结构呢?如何隐藏的?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没有显示出来 求解 这是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> {$vo2.ToName}</h3><p>{$vo2.AddTime}</p></div><div class="detail"><div class="sxDetailCon">{$vo2.Msg}</div> </div></li></volist></ul>为什么实现不出来效果呢? 像我上面给你的例子一样,把你的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>{$vo2.ToName}</h3> <p>{$vo2.AddTime}</p> </div> <div class="detail"> <div class="sxDetailCon">{$vo2.Msg}</div> </div> </li> </volist></ul> <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"); })}) a标签显示也可以这样写$(this).css("display","")或者这样$(this).css("visibility","visible") 回复 :ww_super我知道你说的啊 我就是那样写的啊 只是截图少截了点 就是 $(document).ready({...});这样的 回复:BingoVictor你把10楼我发你的完整代码放本地运行下,我测试可以的!你运行如果也可以的话,对比下看看哪边有不同 你加载jquery了吗加载了啊 其他的点击什么的效果都可以实现就这个实现不了 通过google浏览器,F12看下console,是否报错、 求助:如何实现定时在网页显示轮流10个注册码,如一个小时显示一个 echo $first,$second与echo $first.$second中的‘,’和‘.’的区别 求apache_rewrite两个正则表达式 新手问题:跳出窗口 无法保存,这是怎么做到的? 新年求实例! [ 超级郁闷 ] smarty方便了程序设计人,却给界面设计者带来了更多的烦恼? 请指教 如何输出今天是一年的第几个星期,谢谢 php 怎么做tag关键词标签呢 php前辈请进来,求个双引号和单引号问题 PHP关闭浏览器触发链接代码
<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>
<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>
有补丁的方向
我就是这样写的啊: $('#msglist li').mouseover(function(){
$(this).children("a").css("display","block");
});
$('#msglist li').mouseout(function(){
$(this).children('a').css("display","none");
});但是当鼠标离开的时候a没有显示出来 求解
$('#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> {$vo2.ToName}</h3>
<p>{$vo2.AddTime}</p>
</div>
<div class="detail">
<div class="sxDetailCon">{$vo2.Msg}</div>
</div>
</li>
</volist>
</ul>为什么实现不出来效果呢?
$(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>{$vo2.ToName}</h3>
<p>{$vo2.AddTime}</p>
</div>
<div class="detail">
<div class="sxDetailCon">{$vo2.Msg}</div>
</div>
</li>
</volist>
</ul>
<script>
$(document).ready(function(){
$("#content li").mouseover(function(){
$(this).find("a").css("display","block");
})
$("#content li").mouseout(function(){
$(this).find("a").css("display","none");
})
})
$(this).css("display","")
或者这样
$(this).css("visibility","visible")
我知道你说的啊 我就是那样写的啊 只是截图少截了点
就是 $(document).ready({...});这样的
你把10楼我发你的完整代码放本地运行下,我测试可以的!你运行如果也可以的话,对比下看看哪边有不同
你加载jquery了吗加载了啊 其他的点击什么的效果都可以实现就这个实现不了