jQuery简单带淡出动画的下拉菜单

2024-09-05 12:20:35

字体：大中小

来源：转载

供稿：网友

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 class="test"><span class="topMenu">点我(如果页面加载有错，可以刷新页面让jquery载入)</SPAN>
</div>
</div>
<div class=page1>
<p align="center" class="pageLink"></p>
</div>

<div 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 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">

学习交流