Jadual Kandungan
回复讨论(解决方案)
 {$vo2.ToName}
{$vo2.ToName}
Rumah pembangunan bahagian belakang tutorial php 求教一个简单的显示问题

求教一个简单的显示问题

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>
    Salin selepas log masuk

    用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>
    Salin selepas log masuk

    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");	});
    Salin selepas log masuk
    Salin selepas log masuk

    但是当鼠标离开的时候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");	});
    Salin selepas log masuk
    Salin selepas log masuk

    这是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>
    Salin selepas log masuk


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



    你加载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>
    Salin selepas log masuk

    不明白....


    Tag artikel panas

    Notepad++7.3.1

    Notepad++7.3.1

    Editor kod yang mudah digunakan dan percuma

    SublimeText3 versi Cina

    SublimeText3 versi Cina

    Versi Cina, sangat mudah digunakan

    Hantar Studio 13.0.1

    Hantar Studio 13.0.1

    Persekitaran pembangunan bersepadu PHP yang berkuasa

    Dreamweaver CS6

    Dreamweaver CS6

    Alat pembangunan web visual

    SublimeText3 versi Mac

    SublimeText3 versi Mac

    Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

  • 11 skrip pemendek URL terbaik PHP (percuma dan premium) 11 skrip pemendek URL terbaik PHP (percuma dan premium) Mar 03, 2025 am 10:49 AM

    11 skrip pemendek URL terbaik PHP (percuma dan premium)

    Bekerja dengan Data Sesi Flash di Laravel Bekerja dengan Data Sesi Flash di Laravel Mar 12, 2025 pm 05:08 PM

    Bekerja dengan Data Sesi Flash di Laravel

    Pengenalan kepada API Instagram Pengenalan kepada API Instagram Mar 02, 2025 am 09:32 AM

    Pengenalan kepada API Instagram

    Respons HTTP yang dipermudahkan dalam ujian Laravel Respons HTTP yang dipermudahkan dalam ujian Laravel Mar 12, 2025 pm 05:09 PM

    Respons HTTP yang dipermudahkan dalam ujian Laravel

    Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React Mar 04, 2025 am 09:33 AM

    Bina aplikasi React dengan hujung belakang Laravel: Bahagian 2, React

    Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST Mar 14, 2025 am 11:42 AM

    Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST

    12 skrip sembang php terbaik di codecanyon 12 skrip sembang php terbaik di codecanyon Mar 13, 2025 pm 12:08 PM

    12 skrip sembang php terbaik di codecanyon

    Pemberitahuan di Laravel Pemberitahuan di Laravel Mar 04, 2025 am 09:22 AM

    Pemberitahuan di Laravel

    See all articles