※ 橫拉式選單 ※
   加入網頁步驟  
 

  1. 將以下的控制碼先複製起來。（用滑鼠將底下的一堆碼，標記起來，按滑鼠右鍵選擇【複製】就行啦！）

  2. 先將<BODY>先拿掉

  3. 然後在網頁中的 </HEAD> 之後將剛剛複製的東西貼上就大功告成了  ！（按滑鼠右鍵選擇【貼上】就行啦！）

  4. 最後，更改原始碼中紅色字的部份的內容就可以了！（就是紅色字的地方，改成您想要的內容即可！）

Copyright Power Information All Rights Reserved.

※橫拉式選單展示區※


<style>a { color: Navy; text-decoration: none }
a:hover { color: red }
a: { color: #808080 }
div { font-family: 細明體; font-size: 12pt; font-weight: bold }
</style>
<script>
ie=document.all?1:0
n=document.layers?1:0
lshow=100
//How many pixels should it move every step? 
var move=10;
//At what speed (in milliseconds, lower value is more speed)
menuSpeed=40
//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true
/********************************************************************************
You should't have to change anything below this.
********************************************************************************/
//Defining variables
var tim;
var ltop;

//Object constructor
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style') 
this.state=1
this.go=0
this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
this.left=b_getleft
this.obj = obj + "Object"; eval(this.obj + "=this") 
}
//Get's the top position.
function b_getleft(){
var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
return gleft;
}
/********************************************************************************
Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
********************************************************************************/
function moveMenu(){
if(!oMenu.state){
clearTimeout(tim)
mIn() 
}else{
clearTimeout(tim)
mOut()
}
}
//Menu in
function mIn(){
if(oMenu.left()>-oMenu.width+lshow){
oMenu.go=1
oMenu.css.left=oMenu.left()-move
tim=setTimeout("mIn()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=1
} 
}
//Menu out
function mOut(){
if(oMenu.left()<0){
oMenu.go=1
oMenu.css.left=oMenu.left()+move
tim=setTimeout("mOut()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=0
} 
}
/********************************************************************************
Checking if the page is scrolled, if it is move the menu after
********************************************************************************/
function checkScrolled(){
if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop
if(n) setTimeout('checkScrolled()',30)
}
/********************************************************************************
Inits the page, makes the menu object, moves it to the right place, 
show it
********************************************************************************/
function menuInit(){
oMenu=new makeMenu('divMenu')
scrolled=n?"window.pageYOffset":"document.body.scrollTop"
oMenu.css.left=-oMenu.width+lshow
ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;
oMenu.css.visibility='visible'
if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}

//Initing menu on pageload
onload=menuInit;
</script>
</head>

<body text="#000000" background="jpg/01_bkg1.jpg">

<center>
<div id="divMenu" style="position:absolute; top:200; left:30; height:100; width:420; visibility:hidden">
<a href="cgi.htm">【CGI】</a><a href="asp.htm">【ASP】</a><a href="script.htm">【Java script】</a><a href="applets.htm">【Java applets】</a><a href="javascript://" onclick="moveMenu()">【請按一下】</a> 
</div>