幾個不錯的自動收縮菜單導航效果

2024-05-06 14:18:54

字體：大中小

來源：轉載

供稿：網友

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
一打開網頁是收縮的

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
慢慢展開菜單的效果，以前早就有人做過，給個時間函數。也算不上什么極限：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body{         margin:0px;         font:normal 12px 宋體;         background: #999999; } table{border:0px;} td{font:normal 12px 宋體; } img{vertical-align:middle; border:0px;} .sec_menu{border-left:1px solid #808080; border-right:1px solid #808080;  border-bottom:1px solid #808080; overflow:hidden; background:#FFCC99;} .menu_title{background-color: #CC6600} .menu_title span{color:#FFFFFF;} .menu_title2{background-color: #FF9900} .menu_title2 span{color:#C8C8C8; } .showtitle{position:relative; top:-2px; left:-6px; border:1pt solid #C3D4E7; z-index:0; height:26; background-color: #0080C0; padding-top:5; padding-left:5} .alp{FILTER: alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5, finishx=250,finishy=85} .txt1{font-size:9pt; color:#CCCCCC;}             </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/05-06/1045899.html'>javascript之文本框輸入四個數字自動加空格的腳本</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/05-06/1045901.html'>javascript中的有名函數和無名函數</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">

學習交流