按鈕特效 - 語法區

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

隱藏選單
<html> <head> <title></title> 將語法放在這裡 </head> <body> 將語法放在這裡 </body> </html>	使用說明及教學複製以下原始碼到網頁 <HEAD></HEAD> 之間 <style> <!-- #slidemenubar, #slidemenubar2{ position:absolute; border:1.5px solid black; background-color:#F2F2F2; layer-background-color:#F2F2F2; font:bold 12px Verdana; line-height:20px; } --> </style> 複製以下原始碼到網頁 <BODY></BODY> 之間 <script language="JavaScript1.2"> var slidemenu_width=160 var slidemenu_reveal=12 var slidemenu_top=80 var ns4=document.layers?1:0 var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var ns6=document.getElementById&&!document.all?1:0 if (ie4\|\|ns6) document.write('<div id="slidemenubar2" style="left:'+((slidemenu_width-slidemenu_reveal)-1)+'; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">') else if (ns4){ document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n') document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>') } var sitems=new Array() ///////////Edit below///////////////////////////////// sitems[0]=["<big><font face='Arial'>自動式選單</font></big>", ""] sitems[1]=["資源小村", "http://netzhk.com/"] sitems[2]=["資源小村", "http://netzhk.com/"] sitems[3]=["資源小村", "http://netzhk.com/"] sitems[4]=["資源小村", "http://netzhk.com/"] sitems[5]=["資源小村", "http://netzhk.com/"] sitems[6]=["資源小村", "http://netzhk.com/"] var target="" ///////////////////////////////////////////////////////// if (ie4\|\|ns4\|\|ns6){ for (i=0;i<sitems.length;i++){ if (sitems[i][1]) document.write('<a href="'+sitems[i][1]+'" target="'+target+'">') document.write(sitems[i][0]) if (sitems[i][1]) document.write('</a>') document.write('<br>\n') } } function regenerate(){ window.location.reload() } function regenerate2(){ if (ns4){ document.slidemenubar.left=((slidemenu_width-slidemenu_reveal)-1) document.slidemenubar.visibility="show" setTimeout("window.onresize=regenerate",400) } } window.onload=regenerate2 rightboundary=0 leftboundary=(slidemenu_width-slidemenu_reveal)*-1 if (ie4\|\|ns6){ document.write('</div>') themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style } else if (ns4){ document.write('</layer>') themenu=document.layers.slidemenubar } function pull(){ if (window.drawit) clearInterval(drawit) pullit=setInterval("pullengine()",10) } function draw(){ clearInterval(pullit) drawit=setInterval("drawengine()",10) } function pullengine(){ if ((ie4\|\|ns6)&&parseInt(themenu.left)<rightboundary) themenu.left=parseInt(themenu.left)+10 else if(ns4&&themenu.left<rightboundary) themenu.left+=10 else if (window.pullit){ themenu.left=0 clearInterval(pullit) } } function drawengine(){ if ((ie4\|\|ns6)&&parseInt(themenu.left)>leftboundary) themenu.left=parseInt(themenu.left)-10 else if(ns4&&themenu.left>leftboundary) themenu.left-=10 else if (window.drawit){ themenu.left=leftboundary clearInterval(drawit) } } </script> 可以修改原始碼的內容 ( 修改以下紅色的部分 ) sitems[0]=["自動式選單", ""] sitems[1]=["資源小村", "http://netzhk.com"] sitems[2]=["資源小村", "http://netzhk.com"] sitems[3]=["資源小村", "http://netzhk.com"] sitems[4]=["資源小村", "http://netzhk.com"] sitems[5]=["資源小村", "http://netzhk.com"] sitems[6]=["資源小村", "http://netzhk.com"]

隱藏選單

<html>

<head>

<title></title>

將語法放在這裡
</head>

<body>

將語法放在這裡

</body>

</html>

使用說明及教學

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

var slidemenu_width=160
var slidemenu_reveal=12
var slidemenu_top=80

var ns4=document.layers?1:0
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((slidemenu_width-slidemenu_reveal)*-1)+'; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}

var sitems=new Array()

///////////Edit below/////////////////////////////////

sitems[0]=["<big><font face='Arial'>自動式選單</font></big>", ""]
sitems[1]=["資源小村", "http://netzhk.com/"]
sitems[2]=["資源小村", "http://netzhk.com/"]
sitems[3]=["資源小村", "http://netzhk.com/"]
sitems[4]=["資源小村", "http://netzhk.com/"]
sitems[5]=["資源小村", "http://netzhk.com/"]
sitems[6]=["資源小村", "http://netzhk.com/"]

var target=""

/////////////////////////////////////////////////////////

if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((slidemenu_width-slidemenu_reveal)*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(slidemenu_width-slidemenu_reveal)*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>

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

sitems[0]=["自動式選單", ""]
sitems[1]=["資源小村", "http://netzhk.com"]
sitems[2]=["資源小村", "http://netzhk.com"]
sitems[3]=["資源小村", "http://netzhk.com"]
sitems[4]=["資源小村", "http://netzhk.com"]
sitems[5]=["資源小村", "http://netzhk.com"]
sitems[6]=["資源小村", "http://netzhk.com"]

論壇登入

熱門投票

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

名稱
密碼