按鈕特效 - 語法區

資源小村 » 語法區 » 按鈕特效

資料夾式選單
<html> <head> <title></title> 將語法放在這裡 </head> <body> 將語法放在這裡 </body> </html>	使用說明及教學複製以下原始碼到網頁 <HEAD></HEAD> 之間 <style> <!-- #foldheader{cursor:hand ; font-weight:bold ; list-style-image: url(fold.gif)} #foldinglist{list-style-image: url(list.gif)} //--> </style> <script language="JavaScript1.2"> <!-- var head="display:''" img1=new Image() img1.src="fold.gif" img2=new Image() img2.src="open.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(open.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(fold.gif)" } } } document.onclick=change //--> </script> 複製以下原始碼到網頁 <BODY></BODY> 之間 <ul> <li id="foldheader">第一類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#" target="_blank">2</a></li> <li><a href="#" target="_blank">3</a></li> </ul> <li id="foldheader">第二類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> <li id="foldheader">第三類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#" target="_blank">2</a></li> <li id="foldheader">3</li> <ul id="foldinglist" style="display:none"> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> <li><a href="#" target="_blank">4</a></li> <li><a href="#" target="_blank">5</a></li> </ul> </ul> <script language="JavaScript1.2"> <!-- function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (get_cookie(window.location.pathname) != ''){ var openresults=get_cookie(window.location.pathname).split(" ") for (i=0 ; i < openresults.length ; i++){ foldinglist[openresults[i]].style.display='' document.all[foldinglist[openresults[i]].sourceIndex - 1].style.listStyleImage="url(open.gif)" } } if (document.all){ var nodelength=foldinglist.length-1 var nodes=new Array(nodelength) var openones='' } function check(){ for (i=0 ; i <= nodelength ; i++){ if (foldinglist[i].style.display=='') openones=openones + " " + i } document.cookie=window.location.pathname+"="+openones } if (document.all) document.body.onunload=check //--> </script> 可以修改原始碼的內容 ( 修改以下紅色的部分 ) <li id="foldheader">第一類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#" target="_blank">2</a></li> <li><a href="#" target="_blank">3</a></li> </ul>

資料夾式選單

<html>

<head>

<title></title>

將語法放在這裡
</head>

<body>

將語法放在這裡

</body>

</html>

使用說明及教學

複製以下原始碼到網頁 <HEAD></HEAD> 之間

複製以下原始碼到網頁 <BODY></BODY> 之間
<ul> <li id="foldheader">第一類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#" target="_blank">2</a></li> <li><a href="#" target="_blank">3</a></li> </ul> <li id="foldheader">第二類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> <li id="foldheader">第三類</li> <ul id="foldinglist" style="display:none"> <li><a href="#" target="_blank">1</a></li> <li><a href="#" target="_blank">2</a></li> <li id="foldheader">3</li> <ul id="foldinglist" style="display:none"> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> <li><a href="#" target="_blank">4</a></li> <li><a href="#" target="_blank">5</a></li> </ul> </ul> <script language="JavaScript1.2">  </script>

可以修改原始碼的內容 ( 修改以下紅色的部分 )

論壇登入

熱門投票

資源小村 » 語法區 » 按鈕特效

名稱
密碼