怎么自定义代码的导航字

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;left:0;top:0;\'>
<table onmouseover=this.style.cursor=\'hand\';>
<td onclick=guideButton(1); align=center>
<font size=4 color=#D9D919>主页</font><tr>
<td onclick=guideButton(2); align=center>
<font size=4 color=#FF00FF>(www.qqais.cn QQ空间代码)志</font><tr>
<td onclick=guideButton(3); align=center>
<font size=4 color=#33ff00>音乐</font><tr>
<td onclick=guideButton(4); align=center>
<font size=4 color=#FF7F00>留言</font><tr>
<td onclick=guideButton(5); align=center>
<font size=4 color=#FF0000>相册</font><tr>
<td onclick=guideButton(6); align=center>
<font size=4 color=#00ffff>迷里屋</font><tr>
<td onclick=guideButton(7); align=center>
<font size=4 color=#EE1000>个人</font><tr>
<td onclick=guideButton(8); align=center>
<font size=4 color=#77aaff>互动</font></div>';">

横向的代码

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;left:0;top:0;\'>
<table onmouseover=this.style.cursor=\'hand\';>
<td onclick=guideButton(1); align=center>
<font size=4 color=#D9D919>主页</font>
<td onclick=guideButton(2); align=center>
<font size=4 color=#FF00FF>(www.qqais.cn QQ空间代码)志</font>
<td onclick=guideButton(3); align=center>
<font size=4 color=#33ff00>音乐</font>
<td onclick=guideButton(4); align=center>
<font size=4 color=#FF7F00>留言</font>
<td onclick=guideButton(5); align=center>
<font size=4 color=#FF0000>相册</font>
<td onclick=guideButton(6); align=center>
<font size=4 color=#00ffff>迷里屋</font>
<td onclick=guideButton(7); align=center>
<font size=4 color=#EE1000>个人</font>
<td onclick=guideButton(8); align=center>
<font size=4 color=#77aaff>互动</font></div>';">

==============================

代码中的字 字的大小 颜色可以自己定义

代码中的4代表字体的大小

#00ffff代表颜色你们自己可以换

left:0; 代表导航出现的左右位置 top:0 代表导航出现的上下位置