jQuery簡單帶淡出動畫的下拉菜單

2024-09-05 12:20:35

字體：大中小

供稿：網(wǎng)友

jQuery簡單帶淡出動畫的下拉菜單，確實挺簡單的，喜歡大家喜歡哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><title>下拉菜單</title><script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script><style>.test{ margin:10px;}.topMenu{ position:relative;}.topMenu span{ position:absolute; top:15px; border:#ccc 1px solid; padding:5px; width:60px;}</style><script type="text/javascript">$(function(){	//$(".test").append("<br/>在.test里面后置字符串");	//$("b").appendTo("p"); //把b后置到p	//$(".test").prepend("在.test里面前置字符串"); 	//$("p").prepend($("b")); //把b前置到.test	//$("b").prependTo("p"); //把b前置到.test	$(".topMenu a").click(function(){		if($(this).siblings().length==0){			$(this).parent().append("<span>欄目001<br/>欄目002<br/>欄目003<br/>欄目004</span>");		}		else{			$(this).siblings().show();		}	}).parent().hover(function(){},function(){		$(this).find("span").fadeOut();	})})$(window).resize(function(){  alert("Stop it!");}); </script></head><body><div   id="iwvjtn8m0"   class="test"><span id="iwvjtn8m0"    class="topMenu">點我(如果頁面加載有錯，可以刷新頁面讓jquery載入)</SPAN>
</div>
</div>
<div   id="iwvjtn8m0"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="iwvjtn8m0"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-05/1557635.html'>CSS+JavaScript仿阿里巴巴字母輪換</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-05/1557637.html'>CSS滑動門代碼推薦：帶小三角指引的滑動門</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="iwvjtn8m0"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學(xué)習(xí)交流