按鈕特效 - 語法區

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

下拉式選單
<html> <head> <title></title> 將語法放在這裡 </head> <body> 將語法放在這裡 </body> </html>	使用說明及教學複製以下原始碼到網頁 <HEAD></HEAD> 之間 <style> <!-- #iewrap{ position:relative; height:30px } #iewrap2{ position:absolute } #dropmenu03{ filter:revealTrans(Duration=1.5,Transition=12) visibility:hide } --> </style> 複製以下原始碼到網頁 <BODY></BODY> 之間 <ilayer id="dropmenu01" height=35px> <layer id="dropmenu02" visibility=show> <span id="iewrap"> <span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false"> <a href="#">按一下看本站的菜單</a></font> </span> </span> </layer> </ilayer> <SCRIPT language=javascript><!-- var enableeffect=true var selection=new Array() selection[0]='<a href="#">回到首頁</a></font><br>' selection[1]='<a href="#">本站區</a></font><br>' selection[2]='<a href="#">教學區</a></font><br>' selection[3]='<a href="#">申請區</a></font><br>' selection[4]='<a href="#">休閒區</a></font><br>' selection[5]='<a href="#">下載區</a></font><br>' if (document.layers) document.dropmenu01.document.dropmenu02.visibility='show' function dropit2(){ if (document.all){ dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (dropmenu03.style.visibility=="hidden"){ if (enableeffect) dropmenu03.filters.revealTrans.apply() dropmenu03.style.visibility="visible" if (enableeffect) dropmenu03.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.dropmenu03.visibility=="hide") document.dropmenu03.visibility="show" else document.dropmenu03.visibility="hide" document.dropmenu03.left=e.pageX-e.layerX document.dropmenu03.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) dropmenu03.filters.revealTrans.stop() dropmenu03.style.visibility="hidden" } function hidemenu2(){ document.dropmenu03.visibility="hide" } if (document.layers){ document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK) document.dropmenu01.document.dropmenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu //--> </SCRIPT> <div id="dropmenu03" style="position:absolute;left:10;top:0;layer-background-color:seashell;background-color:seashell;width:100;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu03.style.padding='6px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu03.captureEvents(Event.CLICK) document.dropmenu03.onclick=hidemenu2 } </script> 可以修改原始碼的內容 ( 修改以下紅色的部分 ) <a href="#">按一下看本站的菜單</a></font> var selection=new Array() selection[0]='<a href="#">回到首頁</a></font><br>' selection[1]='<a href="#">本站區</a></font><br>' selection[2]='<a href="#">教學區</a></font><br>' selection[3]='<a href="#">申請區</a></font><br>' selection[4]='<a href="#">休閒區</a></font><br>' selection[5]='<a href="#">下載區</a></font><br>' if (document.layers)

下拉式選單

<html>

<head>

<title></title>

將語法放在這裡
</head>

<body>

將語法放在這裡

</body>

</html>

使用說明及教學

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

複製以下原始碼到網頁 <BODY></BODY> 之間
<ilayer id="dropmenu01" height=35px> <layer id="dropmenu02" visibility=show> <span id="iewrap"> <span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false"> <a href="#">按一下看本站的菜單</a></font> </span> </span> </layer> </ilayer> <SCRIPT language=javascript> </SCRIPT> <div id="dropmenu03" style="position:absolute;left:10;top:0;layer-background-color:seashell;background-color:seashell;width:100;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript1.2"> if (document.all) dropmenu03.style.padding='6px' for (i=0;i<selection.length;i++) document.write(selection[i]) </script> </div> <script language="JavaScript1.2"> if (document.layers){ document.dropmenu03.captureEvents(Event.CLICK) document.dropmenu03.onclick=hidemenu2 } </script>

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

<a href="#">按一下看本站的菜單</a></font>

var selection=new Array()

selection[0]='<a href="#">回到首頁</a></font><br>'

selection[1]='<a href="#">本站區</a></font><br>'

selection[2]='<a href="#">教學區</a></font><br>'

selection[3]='<a href="#">申請區</a></font><br>'

selection[4]='<a href="#">休閒區</a></font><br>'

selection[5]='<a href="#">下載區</a></font><br>'

if (document.layers)

論壇登入

熱門投票

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

名稱
密碼